Html获取select元素的真实值和显示值

larkinwang

[p=164, null, left]在

[p=164, null, left]HTML

[p=164, null, left]页面中，

[p=164, null, left]有时候会让我们获取当前

[p=164, null, left]select

[p=164, null, left]元素中所选中的那个值和他的

[p=164, null, left]显示值。下面是一个例子：

[p=164, null, left]<tr>

[p=164, null, left]     <th scope="row" width="15%" nowrap >*

[p=164, null, left]目标字段

[p=164, null, left]</th>

[p=164, null, left]     <td><select

[p=164, null, left]name="idMbzd"

[p=164, null, left]style="width:25%"

[p=164, null, left]onchang=”on_idmbzd_change();”>

[p=164, null, left]<option value=”1”>eg1</option>

[p=164, null, left]           <option value

[p=164, null, left]=”2”>eg2</option>

[p=164, null, left]<option value=”3”>eg2</option>

[p=164, null, left]         </select>

[p=164, null, left]     </td>

[p=164, null, left]</tr>

[p=164, null, left]<script>

[p=164, null, left]function on_idmbzd_change(){

[p=164, null, left]       var sel_obj = document.getElementByIdx("idMbzd ");

[p=164, null, left]       var index = sel_obj.selectedIndex;

[p=164, null, left]       alert(sel_obj.options[index].value);

[p=164, null, left]       alert(sel_obj.options[index].text);  

[p=164, null, left]}

[p=164, null, left]</script>

[p=164, null, left]在这里，关键用到

[p=164, null, left]select

[p=164, null, left]对象的

[p=164, null, left]selectedIndex

[p=164, null, left]属性。表示被选中那个元素的

[p=164, null, left]索引，从

[p=164, null, left]0

[p=164, null, left]开始。

[p=164, null, left]当然也可以遍历

[p=164, null, left]select

[p=164, null, left]元素的所有值。如下：

[p=164, null, left]<script>

[p=164, null, left]var len  = sel_obj.options.length;

larkinwang

在HTML页面中，有时候会让我们获取当前select元素中所选中的那个值和他的显示值。下面是一个例子：  <tr>  
     <th scope="row" width="15%" nowrap >*目标字段</th>
      <td><select name="idMbzd" style="width:25%"  onchang=”on_idmbzd_change();”>            <option value=”1”>eg1</option>
           <option value=”2”>eg2</option>
           <option value=”3”>eg2</option>          </select>
     </td> </tr>
<script>  function on_idmbzd_change(){
      var sel_obj = document.getElementByIdx("idMbzd ");  
      var index = sel_obj.selectedIndex;
      alert(sel_obj.options[index].value);  
      alert(sel_obj.options[index].text);  }  </script>

在这里，关键用到select对象的selectedIndex属性。表示被选中那个元素的索引，从0开始。  当然也可以遍历select元素的所有值。如下：
<script>  var len  = sel_obj.options.length;