javascriptのclassnameだけで選択ドロップダウンから値を変更する方法

Question

クラス名がある場合、select downから値を変更するにはどうすればよいですか？ これが好きですか？

<select class="listbox"> 
<option value="10">10</option> 
<option value="20">20</option> 
</select> 

私ができる10から20 に値を設定するためにいくつかのいずれかpleseは助けを必要とし、説明？ おかげ

Answer 1

jQueryの例：

$('.listbox').val('20') 

それとも簡単に純粋なJSに書き換えることができます

document.getElementsByClassName('listbox')[0].value = '20' 

Answer 2

あなたはもっとして、一度にそれを行う必要がある場合、あなたはクリーンなルーチン

を作成することができますが

<script> 

    function changeVal(oldval, newval) 
    { 
     var options = document.getElementsByClassName('listbox')[0].options; 
      for (var i=0; i<options.length; i++) 
      { 
       if (options[i].value == oldval) 
       { 
        options[i].value = newval; 
       } 
       // Just for test 
       console.log(i+'|'+options[i].value); 
      } 
    } 

</script> 

<select class="listbox"> 
    <option value="10">10</option> 
    <option value="20">20</option> 
</select> 
<br> 
<a href="#"onclick="changeVal(10, 20)">change</a>