利用js获取select的value和text值
<select id = "cityList" >
<select id = "selectId" >
<option value = "0">第0个</option>
</select>
<script>
var selectObj = document.getElementById('selectId');
// 通过对象添加option
selectId.add(new Option("第一个","1"))
selectId.add(new Option("第二个","2"))
// 通过id添加option
selectId.add(new Option("第三个","3"))
selectId.add(new Option("第四个","4"))
// 通过id添加方法(也可以通过对象添加方法)
selectId.onchange = function(){
// 通过对象获取value和text
alert(selectObj.value);
alert(selectObj.options[selectObj.selectedIndex].text);
// 通过 id 获取value和text
alert(selectId.value);
alert(selectId.options[selectId.selectedIndex].text);
// 还可以通过this获取value和text
alert(this.value);
alert(this.options[this.selectedIndex].text);
};
</script>
分享到:
相关推荐
javascript 获取select ->option中id、value、label属性及<option></option>中内容
本文实例讲述了JavaScript获取select中text值的方法。分享给大家供大家参考,具体如下: 别的不说,先看代码: 方法一: <select name=parent_id onchange=setTitleAndLinkByGoodsCategory(this.value,this....
select id = “cityList” > <select id = “selectId” > 第0个 </select> [removed] var selectObj = document.getElementById(‘selectId’); // 通过对象添加option selectId.add(new ...
拓展知识:select标签如何传递选中option的value值与text值方法 如下所示: <select name=type onchange=show_sub(this.options[this.options.selectedIndex].value)> <option value=0>请选择主菜名 <o
//获取text值 $("#ddlSubmodel").find("option:selected").text(); 2、javascript //获取value值 document.getElementById("ddlSubmodel").value; //获取text值 var select = document.getElementById("ddlSubmodel...
代码如下: var obj = document.getElementByIdx_x(”testSelect... // 选中值jQuery中获得选中select值第一种方式$(‘#testSelect option:selected’).text();//选中的文本$(‘#testSelect option:selected’) .val();/
涵盖了js对select的常用操作 1.判断select选项中 是否存在Value="paraValue"的Item 2.向select选项中 加入一个Item 3.从select选项中 删除一个Item 4.修改select选项中 value="paraValue"的text为"paraText" 5.设置...
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
主要介绍了JS获取select-option-text_value的方法,有需要的朋友可以参考一下
<option value=”1″>text1</option> <option value=”2″>text2</option> </select> 一:javascript原生的方法 1:拿到select对象: var myselect=document.getElementById(“test”); 2:拿到选中项的索引:...
如下所示: <!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
复制代码 代码如下:var obj = document.getElementById(“testSelect”)...jQuery中获得选中select值 第一种方式 复制代码 代码如下:$(‘#testSelect option:selected’).text();//选中的文本 $(‘#testSelect option:s
对于value值可以通过select.value 取得的,但对于text值则需要通过select.options[select.sekectedIndex].txet 获得。
jQuery获取Select选择的Text和Value: 语法解释: 1. $(“#select_id”).change(function(){//code…}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$(“#select_id”).find(“option:selected”)...
如果 select 元素下的所有 option 元素均没有指定 selected 属性...option 元素 ”selected” value=”value3″>text3,可以通过 option.value 获得 option 元素的 value 属性值,即 value3;可以通过 option.text 获得