菜单

javascript获取下拉列表框当中的文本值示例代码,js获取下拉列表框

2019年8月2日 - 前端排行

近日碰到一个问题,就是需要将用户点击下拉列表当中某个选项后,将其所选的内容保存起来,例如下面的HTML代码:

在编程过程中,我们对下拉列表框的取值很多时候都是获取option中的value,但是也有需要获取显示在页面中的值的时候,例如想获得<option
value=”value”>ShowText</option>中”ShowText”,我们该如何获取呢?方法很简单,具体代码如下:

复制代码 代码如下:

复制代码 代码如下:

<select onchange=”isSelected(this.value);” id=”city”>
<option value=”1″>北京</option>
<option value=”2″ >上海</option>
<option value=”2″ >广州</option>
</select>

<script type=”text/javascript”>
function a(object){
alert(object);
}
</script>

也就是说当用户选择“上海”这一列时,需要将“上海”这个名称保存起来。其实方法很简单。看下面javascript代码:

<!– 获取显示的值 –> <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 isSelected(value) {
var cityName;
var city = document.getElementById(“city”);
//获取选中的城市名称
for(i=0;i<city.length;i++){
if(city[i].selected==true){
cityName = city[i].innerText; //关键点
alert(“cityName:” + cityName);
}
}

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>

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图