获取Select上拉列表的value and text

获取Select下拉列表的value and text

 

var array = document.getElementsByName('INDEXID');
var indexIdObj = array[0];
var text =  indexIdObj.options[indexIdObj.selectedIndex].text;
var value = indexIdObj.options[indexIdObj.selectedIndex].value;
var array1 = document.getElementsByName('INDEXNAME');
if(value==""){
  array1[0].value = '';
  return;
}
  array1[0].value = text;

 页面代码:

 <td class="editer1Td" width="15%"><div align="right">内部索引字段：</div></td>
        <td class="editer2Td" width="35%">
                 			<html:select property="INDEXID" style="width:150px;" onchange ="selectValue()">
                                   <option value="">请选择</option>
                                   <html:options collection="SME_INDEX_INDEXID" property="value" labelProperty="label"/>
                   			</html:select>
        </td>
        <td class="editer1Td" width="15%"><div align="right">内部索引名称：</div></td>
        <td class="editer2Td" width="35%">
                               <html:text property="INDEXNAME" size="20" style="width:150px;" maxlength="20" readonly="true"/>
        </td>