返回首页 | 新开户送体验金的娱乐城

合作共赢、快速高效、优质的网站建设提供商

更多精品源码-尽在织梦模板-www.moke8.com

网站开发js获取下拉列表框<option>中的value和text的值演示代码

时间:2017-10-09 编辑:admin

在编程过程中,我们们对下拉列表框的取值许多时分都是获取option中的value,可是也有需求获取显现在页面中的值的时分,例如想取得 option value="value" ShowText /option 中"ShowText",我们们该怎么获取呢?挑选很简单,详细代码如下:
代码如下:
script type="text/phpscript"
function a(object){
alert(object);
}
/script

!-- 获取显现的值 --
select onchange="a(this.options[this.selectedIndex].innerText);"
option value="value-a" text-a /option
option value="value-b" text-b /option
/select

!-- 获取value的值 --
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


浏览:

网站建设

流程

    网站建设流程