2011-05-19

JavaScriptでSelectBoxの値を選択する

  1. <script language="JavaScript">  
  2. function set_selected(obj,val){  
  3.  for (var i=0; i < obj.options.length; i++) {  
  4.   var option = obj.options[i];  
  5.   if( option.value == val){  
  6.    option.selected = true;  
  7.   }else{  
  8.    option.selected = false;  
  9.   }  
  10.  }  
  11. }  
  12. </script>  
  13. <form name="form1">  
  14.  <input type="text" name="val">  
  15.  <input type="button" value="Select" onclick="set_selected(document.form1.sel1,document.form1.val.value)">  
  16.   
  17.  <select name="sel1">  
  18.   <option value="a">a</option>  
  19.   <option value="b">b</option>  
  20.   <option value="c">c</option>  
  21.  </select>  
  22. </form>  

こんな感じでテキストボックスに値を入れてSelectボタンを押すと、入れた値をセレクトボックスから選択してくれますヾ(*・∀・)ノ"

0 件のコメント:

コメントを投稿