HTML JavaScript Wybrano DropboxIndex

Próbuję uzyskać listę rozwijaną, aby zmienić pole tekstowe, ale wydaje się, że problemy.HTML JavaScript Wybrano DropboxIndex

<head> 
    <title>DropDown</title> 
    <meta http-equiv="content-type" content="text/html;charset=utf-8" /> 
    <meta name="generator" content="Geany 0.20" /> 
    <script type="text/javascript"> 
     function chkind() { 
      var dropdown1 = document.getElementById('dropdown1'); 
      var textbox = document.getElementById('textbox'); 
      var a = dropdown1.options[dropdown1.selectedIndex]; 
      if(a == 0){ 
       textbox.value = "hi"; 
      } else if(a == 1) { 
      textbox.value = "bye"; 
     } 
    } 
    </script> 
</head> 

<body> 
    <select onchange="chkind()" id="dropdown1"> 
     <option>Hi</option> 
     <option>Bye</option> 
    </select><br /> 
    <input id="textbox" type="text" /> 
</body>

Źródło

2011-07-04 yanike

Prawdopodobnie właśnie:

var a = dropdown1.selectedIndex;

jeśli starasz się, by sprawdzić, czy opcja zerowego jest zaznaczona.

Albo albo podaj wartości opcji w kodzie HTML i sprawdź same wartości.

Źródło

2011-07-04 15:48:27 ADW

dziękuję:) Zadziałało! – yanike

var a = dropdown1.selectedIndex; 
    if(a == 0){ 
     textbox.value = "hi"; 
    } else if(a == 1) { 
     textbox.value = "bye"; 
    } 
    }

Źródło

2011-07-04 15:51:11

Jesteś przechowywania wartości wybranego elementu w zmiennej a więc nie może być porównywana z jego indeksie. Zobacz poniżej poprawioną wersję.

function chkind(){ 
    var dropdown1 = document.getElementById('dropdown1'); 
    var textbox = document.getElementById('textbox'); 
    var a = dropdown1.selectedIndex; 

    if(a == 0){ 
     textbox.text = "hi"; 
    } else if(a == 1) { 
     textbox.value = "bye"; 
    } 
}

Źródło

2011-07-04 15:52:21 Alex

będę porad można to zrobić w ten sposób:

<head> 
    <title>DropDown</title> 
     <meta http-equiv="content-type" content="text/html;charset=utf-8" /> 
     <meta name="generator" content="Geany 0.20" /> 
     <script type="text/javascript"> 
     function chkind(){ 
     var dropdown1 = document.getElementById('dropdown1'); 
     var textbox = document.getElementById('textbox'); 
     textbox.value=dropdown1.value; 
     } 
     </script> 
    </head> 
    <body> 
    <select onchange="chkind()" id="dropdown1"><option value='Hi'>Hi</option><option value = 'Bye'>Bye</option></select><br /><input id="textbox" type="text" /> 
    </body>

zmian w kodzie:

Przede wszystkim spojrzeć na polu wyboru, wszystko tagi opcji mają teraz atrybut "value". To informuje przeglądarkę, jaka powinna być wartość wejściowa, gdy wybrana jest pewna opcja. Możesz także użyć tego na swoją korzyść, aby ustawić krótsze wartości niż zawartość opcji, na przykład, gdy masz narzędzie wyboru kraju, jedną z opcji może być <option value='US'>United Stated</option>.
W twoim skrypcie, nie masz już instrukcji "if", po prostu ustawiamy wartość pola tekstowego na wartość twojego pola wyboru.

Źródło

2011-07-04 15:53:10 bigblind

To jest inny sposób, w jaki mogę to zrobić. Dzięki! – yanike

to powinno działać. Należy pamiętać, że 'a' jest elementem DOM (opcja)

function chkind(){ 
var dropdown1 = document.getElementById('dropdown1'); 
var textbox = document.getElementById('textbox'); 
var a = dropdown1.options[dropdown1.selectedIndex]; 
if(a.index == 0){ 
    textbox.value = "hi"; 
} else if(a.index == 1) { 
    textbox.value = "bye"; 
} 
}

lub

function chkind(){ 
    var dropdown1 = document.getElementById('dropdown1'); 
    var textbox = document.getElementById('textbox'); 
    if(dropdown1.selectedIndex == 0){ 
     textbox.value = "hi"; 
    } else if(dropdown1.selectedIndex == 1) { 
     textbox.value = "bye"; 
    } 
    }

Źródło

2011-07-04 15:53:44 lihnid

Musisz wybrać właściwość wartość w następujący sposób:

var a = dropdown1.options[dropdown1.selectedIndex].value;

Źródło

2011-07-04 15:57:04

$('#selectid option:nth-child(1)').attr('selected', 'selected');

Źródło

2017-08-18 06:32:10 Imran

HTML JavaScript Wybrano DropboxIndex

Odpowiedz

Powiązane problemy