常常为获取select option的text值而烦恼,今天终于弄明白了。其实挺简单,主要是编辑器提示的太少了,已经习惯自动提示的我,感觉编辑js代码有点吃力。今天好好的体会下select。
首先一个小例子:
<form name="selectform" > <select name="test" id="t" onchange="change()" > <option value="1" label="第一" selected="selected">第一</option> <option value="2" label="第二">第二</option> <option value="3" label="第三">第三</option> <option value="4" label="第四">第四</option> </select> </form> |
首先取得option的value值,相对简单,在select标签上没有value属性,
option的value值就是select的value。
所以求得select value的值的方法如下
var ss = document.selectform.test;
var value= ss.value;//1或者2。。。
很多ide提示在select和option上面都没有selectIndex的属性提示,但是js能通过selectIndex这个属性获取选择项的
相关信息
可能是因为selectIndex是一个动态的列,它总是跟随selected属性改变,所以ide才没有自动提示
获取select text的值方法如下:
var ts1 = ss.options[ss.selectedIndex].text;//第一或者第二。。。
还可以用innerText获取:
var ts2 = ss.options[ss.selectedIndex].innerText;//第一或者第二。。。
可以打印下看看
alert(ts1);
alert(ts2);
ok,到此结束。
分享到:
相关推荐
javascript 获取select ->option中id、value、label属性及<option></option>中内容
拓展知识:select标签如何传递选中option的value值与text值方法 如下所示: <select name=type onchange=show_sub(this.options[this.options.selectedIndex].value)> <option value=0>请选择主菜名</option...
本文实例讲述了JavaScript获取select中text值的方法。分享给大家供大家参考,具体如下: 别的不说,先看代码: 方法一: <select name=parent_id onchange=setTitleAndLinkByGoodsCategory(this.value,this....
代码如下:<select id = “cityList” > <select id = “selectId” &... // 通过对象添加option selectId.add(new Option(“第一个”,”1″)) selectId.add(new Option(“第二个”,”2″)) // 通过id添加
<option value=”01″>January</option> <option value=”02″>February</option> <option value=”03″>March</option> <option value=”04″>April</option> <option value=”05″>May</option> <option ...
1、获取选中select的value和text,html代码如下: 代码如下: <select id=”mySelect”> <option value=”1″>one</option> <option value=”2″>two</option> <option value=”3″>... //获取选中记录的text值
本文实例讲述了jquery获取select选中值的方法。分享给大家供大家参考,具体如下: ...获取select中option的被选中的value值: $(#s).val(); $(#s option:selected).val(); js获取select选中的值: var
代码如下: var obj = document.getElementByIdx_x(”testSelect... // 选中值jQuery中获得选中select值第一种方式$(‘#testSelect option:selected’).text();//选中的文本$(‘#testSelect option:selected’) .val();/
//获取text值 $("#ddlSubmodel").find("option:selected").text(); 2、javascript //获取value值 document.getElementById("ddlSubmodel").value; //获取text值 var select = document.getElementById("ddlSubmodel...
主要介绍了js中创建html标签、添加select下默认的option的value和text,很实用,需要的朋友可以看看
如下所示: <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8>...select v-model=selected >... <option v-for=option v-bind:value=option.value> {{ option.text }} </opt
在编程过程中,我们对下拉列表框的取值很多时候都是获取option中的value,但是也有需要获取显示在页面中的值的时候,例如想获得<option value=”value”>ShowText</option>中”ShowText”,我们该如何获取呢?...
jQuery获取Select选择的Text和Value: 1. //获取Select选择的Text var checkText=jQuery("#select_id").find("option:selected").text(); 2. //获取Select选择的option Value var checkValue=jQuery("#select_id...
1、如果 select 元素下的所有 option 元素... 4、option 元素 <option selected=”selected” value=”value3″>text3</option>,可以通过 option.value 获得 option 元素的 value 属性值,即 value3;可以通过 option.
如果 select 元素下的所有 option ...option 元素 <option selected=”selected” value=”value3″>text3</option>,可以通过 option.value 获得 option 元素的 value 属性值,即 value3;可以通过 option.text 获得
复制代码 代码如下:var obj = document.getElementById(“testSelect”); //定位id var index = obj....复制代码 代码如下:$(‘#testSelect option:selected’).text();//选中的文本 $(‘#testSelect option:s
<option value=”1″>text1</option> <option value=”2″>text2</option> </select> 一:javascript原生的方法 1:拿到select对象: var myselect=document.getElementById(“test”); 2:拿到选中项的索引:...
获取select 选中的 text : $(“#ddlRegType”).find(“option:selected”).text(); 获取select选中的 value: $(“#ddlRegType “).val(); 获取select选中的索引: $(“#ddlRegType “).get(0).selectedIndex; 设置...