源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

js获取下拉列表框<option>中的value和text的值示例代码

  • 时间:2021-04-19 01:41 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:js获取下拉列表框<option>中的value和text的值示例代码
在编程过程中,我们对下拉列表框的取值很多时候都是获取option中的value,但是也有需要获取显示在页面中的值的时候,例如想获得<option value="value">ShowText</option>中"ShowText",我们该如何获取呢?方法很简单,具体代码如下:
[u]复制代码[/u] 代码如下:
<script type="text/javascript"> function a(object){ alert(object); } </script> [b]<!-- 获取显示的值 --> [/b]<select onchange="a(this.options[this.selectedIndex].innerText);"> <option value="value-a">text-a</option> <option value="value-b">text-b</option> </select> [b]<!-- 获取value的值 --> [/b]<select onchange="a(this.options[this.selectedIndex].value);"> <option value="value-c">text-c</option> <option value="value-d">text-d</option> </select> function isSelect(selectPress) {             //var select = document.getElementById("mySelect").ind;             var selectValue = selectPress.options[selectPress.selectedIndex].value; //显示value 下标0、1、2             var selectValue2 = selectPress.options[selectPress.selectedIndex].innerText; //显示显示的值 具体内容(上海、北京)             //alert(selectValue);             //alert(selectValue2);             if (selectValue == "-1") {                 alert("请选择城市,表单提交被拒绝!")                 return;             }             else {                 document.getElementById('form1').submit(); //form表单提交             }         } <select onchange="isSelect(this);" id="mySelect">         <option value="-1">--请选择--</option>         <option value="0">北京</option>         <option value="1">上海</option>         <option value="2">武汉</option> </select>
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部