获取Select下拉列表的value and text

最新推荐文章于 2022-07-21 14:45:06 发布

jp0520

最新推荐文章于 2022-07-21 14:45:06 发布

阅读量122

点赞数

分类专栏： JAVASCRIPT

本文链接：https://blog.csdn.net/jp0520/article/details/84084046

版权

JAVASCRIPT 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

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>