javascript - Tjek automatisk select - Udvikleren.dk - Programmering, webdesign og grafik

Tags: javascript

Bruger #16723 @ 04.03.16 20:13

Jeg er lidt ny i javascript, men håber i kan hjælpe ;-)
Under teksten : Hvilken farve er en postkasse "farve"
Skal den skrive : Ja, postkassen er rød eller Nej, du har valgt den forkerte farve.
Svaret skal komme, når brugeren har valgt en farve i menuen :-)

JScript kode

 <html>
     <meta charset=UTF-8>
 <body>
 
 <form>
 Vælg en farve:
 <select id="myList" onchange="myFunction()">
   <option></option>
   <option>Blå</option>
   <option>Grøn</option>  
   <option>Rød</option>
   <option>Gul</option>
   <option>Sort</option>
 </select>
 <p>Hvilken farve er en postkasse <input type="text" id="demo" size="20"></p>
 </form>
 
 <script>
 function myFunction() {
     var mylist = document.getElementById("myList");
     document.getElementById("demo").value = mylist.options[mylist.selectedIndex].text;
 }
 </script>
 
 </body>
 </html>

3 svar postet i denne tråd vises herunder
0 indlæg har modtaget i alt 0 karma

Sorter efter stemmer Sorter efter dato

Bruger #16075 @ 04.03.16 20:27

1.223

jeg har lavet en div box jeg skriver din besked i
<div id="msg"> </div>
og rettet dit js lidt til

Kode

 <html>
     <meta charset=UTF-8>
 <body>
 
 <form>
 Vælg en farve:
 <select id="myList" onchange="myFunction()">
   <option></option>
   <option>Blå</option>
   <option>Grøn</option>  
   <option>Rød</option>
   <option>Gul</option>
   <option>Sort</option>
 </select>
 <p>Hvilken farve er en postkasse <input type="text" id="demo" size="20"></p>
 
 </form>
 <div id="msg"> </div>
 
 
 <script>
 function myFunction() {
     var mylist = document.getElementById("myList");
     var mylist_text = mylist.options[mylist.selectedIndex].text;
	 document.getElementById("demo").value = mylist_text;
	 
	 var div_msg = document.getElementById("msg");
	 var msg="";
	 if(mylist_text=="Rød"){
		msg=" Ja, postkassen er rød";
	 }
	 else{
		msg =" Nej, du har valgt den forkerte farve";
	 }
	 div_msg.innerHTML=msg;	 
 }
 </script>
 
 </body>
 </html>

Bruger #16723 @ 04.03.16 21:49

Mange tak for hjælpen

msg="Ja, postkassen er rød";

Det virker ikke, men hvis jeg slette de to " rundt om FF0000, er det ok :roll:

.

Findes der en anden god løsning, det er selvfølgelig kun sætning "Ja, postkassen er rød" som skal være rød

Bruger #16075 @ 04.03.16 22:02

1.223

msg="Ja, postkassen er rød";
skal være
msg=" Ja, postkassen er Rød";
dvs " omkring #FF0000 skal være ' ellers tror den bare det er en ny string

alternativt1 er at du skal escape " omkring #FF0000
msg=" Ja, postkassen er Rød";

alternativ2
msg='Ja, postkassen er rød';

jeg har lavet en lille ændring i coden du kan lege med, så jeg tager højde for hvis brugeren først har valgt en farve, og derefter en blank, samt jeg skriver farven som tekst istedet for inde i en input

Kode

<html>
     <meta charset=UTF-8>
 <body>
 <form>
 Vælg en farve:
 <select id="myList" onchange="myFunction()">
   <option></option>
   <option>Blå</option>
   <option>Grøn</option>  
   <option>Rød</option>
   <option>Gul</option>
   <option>Sort</option>
 </select>
 <p>Hvilken farve er en postkasse 
 <!-- <input type="text" id="demo" size="20"> -->
 </p>
 
 </form>
 <div id="msg"> </div>
 
 
 <script>
 function myFunction() {
     var mylist = document.getElementById("myList");
     var mylist_text = mylist.options[mylist.selectedIndex].text;
	 // document.getElementById("demo").value = mylist_text;
	 
	 var div_msg = document.getElementById("msg");
	 var msg="";
	 if(mylist_text !=""){		 
		 if(mylist_text=="Rød"){
			msg=" Ja, postkassen er <font color='#FF0000'>Rød</font>";
		 }
		 else{
			msg =" Nej, du har valgt den forkerte farve, <strong>" + mylist_text + "</strong> har dk postkasser ikke";
		 }
	 }
	 div_msg.innerHTML=msg;		
 }
 </script>
 
 </body>
 </html>

Tjek automatisk select

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler