<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>中内容
select id = “cityList” > <select id = “selectId” > 第0个 </select> [removed] var selectObj = document.getElementById(‘selectId’); // 通过对象添加option selectId.add(new ...
本文实例讲述了JavaScript获取select中text值的方法。分享给大家供大家参考,具体如下: 别的不说,先看代码: 方法一: <select name=parent_id onchange=setTitleAndLinkByGoodsCategory(this.value,this....
拓展知识: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();/
1、获取选中select的value和text,html代码如下: 代码如下: <select id=”mySelect”> <option value=”1″>one</option> <option value=”2″>two</option> <option value=”3″>... //获取选中记录的text值
涵盖了js对select的常用操作 1.判断select选项中 是否存在Value="paraValue"的Item 2.向select选项中 加入一个Item 3.从select选项中 删除一个Item 4.修改select选项中 value="paraValue"的text为"paraText" 5.设置...
本文实例讲述了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
在编程过程中,我们对下拉列表框的取值很多时候都是获取option中的value,但是也有需要获取显示在页面中的值的时候,例如想获得<option value=”value”>ShowText中”ShowText”,我们该如何获取呢?方法很简单,...
对于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 选中的 text : $(“#ddlRegType”).find(“option:selected”).text(); 获取select选中的 value: $(“#ddlRegType “).val(); 获取select选中的索引: $(“#ddlRegType “).get(0).selectedIndex; 设置...