`
sungang_1120
  • 浏览: 309842 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类

js 获取 select的option的 value值 和 id值

 
阅读更多

<select class="select_w220" id="usertype" name="userRoleId"  style="width: 204px; height: 24x;" onchange =  getOptionIdOrValue();>
<option value="">--请选择--</option>

<option id="1" value="1">--1--</option>

<option id="2" value="2">--2--</option>
</select>

 

 

js方法

 

function getOptionIdOrValue(){

获取option  ID

var selectIndex =document.getElementById("usertype").selectedIndex;
          var activeName_value =document.getElementById("usertype").options[selectIndex].id;
          alert(activeName_value);

 

获取option  value

var selectIndex =document.getElementById("usertype").selectedIndex;
          var activeName_value =document.getElementById("usertype").options[selectIndex].value;
          alert(activeName_value);

}

分享到:
评论

相关推荐

    javascript 获取select ->option中id、value、label属性及中内容

    javascript 获取select -&gt;option中id、value、label属性及&lt;option&gt;&lt;/option&gt;中内容

    Vue.js获取被选择的option的value和text值方法

    2.获取被选中的option的text的值时,使用:$(“#optionID option:selected”).text 拓展知识:select标签如何传递选中option的value值与text值方法 如下所示: &lt;select name=type onchange=show_sub(this.options...

    JS获取select的value和text值的简单实例

    代码如下:&lt;select id = “cityList” &gt; &lt;select id = “selectId” &... // 通过对象添加option selectId.add(new Option(“第一个”,”1″)) selectId.add(new Option(“第二个”,”2″)) // 通过id添加

    JavaScript获取select中text值的方法

    本文实例讲述了JavaScript获取select中text值的方法。分享给大家供大家参考,具体如下: 别的不说,先看代码: 方法一: &lt;select name=parent_id onchange=setTitleAndLinkByGoodsCategory(this.value,this....

    js 操作select和option常用代码整理

    1、获取选中select的value和text,html代码如下: 代码如下: &lt;select id=”mySelect”&gt; &lt;option value=”1″&gt;one&lt;/... //获取选中记录的value值 $(“#mySelect option:selected”).text(); //获取选中记录的text值

    javascript 动态设置已知select的option的value值的代码

    代码如下:funtion setSelectOption(a,b){//a...i++) //$(a)获取a的id的简单写法,前提是必须用引用prototype.js if($(a).options[i].value == b){//遍历select $(a).options[i].selected=true;//选中特定值 break; }

    js获取select标签选中值的两种方式

    代码如下: var obj = document.getElementByIdx_x(”testSelect... // 选中值jQuery中获得选中select值第一种方式$(‘#testSelect option:selected’).text();//选中的文本$(‘#testSelect option:selected’) .val();/

    JS获取select-option-text_value的方法

     &lt;option value=”01″&gt;January&lt;/option&gt; &lt;option value=”02″&gt;February&lt;/option&gt; &lt;option value=”03″&gt;March&lt;/option&gt; &lt;option value=”04″&gt;April&lt;/option&gt; &lt;option value=”05″&gt;May&lt;/option&gt; &lt;option ...

    页select中如何实现选择option其中一个选项,显示相关的内容

    调的是新闻列表 然后select内的列表为标题列表 然后你要选中标题显示内容 那么内容区域先定义出来 ...还有就是JS一定要在页面内你select和div内容区域代码的后面 不然加载到以后执行的时候很有可能就提示找不到对象

    jQuery增加、删除及修改select option的方法

    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...

    js select option对象小结

    //options是个数组,里面可以存放多个&lt;option value=”值”&gt;文本&lt;/option&gt;这样的标签 1:options[ ]数组的属性: length属性———长度属性 selectedIndex属性——–当前被选中的框中的文本的索引值,此索引值是内存...

    vue.js 获取select中的value实例

    如下所示: &lt;!DOCTYPE html&gt; &lt;html lang=en&gt; &lt;head&gt;...&lt;label id=app&gt; ...select v-model=selected &gt;... &lt;option v-for=option v-bind:value=option.value&gt; {{ option.text }} &lt;/opt

    jquery及原生js获取select下拉框选中的值示例

    &lt;option value=”1″&gt;text1&lt;/option&gt; &lt;option value=”2″&gt;text2&lt;/option&gt; &lt;/select&gt; 一:javascript原生的方法 1:拿到select对象: var myselect=document.getElementById(“test”); 2:拿到选中项的索引:...

    HTML select option基础理解及使用

    标签中创建一个或多个&lt;option value=”值”&gt;文本&lt;/option&gt; //options是个数组,里面可以存放多个&lt;option value=”值”&gt;文本&lt;/option&gt;这样的标签 1:options[ ]数组的属性: length属性———长度属性 selectedIn

    javascript获取select标签选中的值

    复制代码 代码如下:var obj = document.getElementById(“testSelect”); //定位id var index = obj.selectedIndex; // 选中索引 var text = obj.options[index].text;...$(‘#testSelect option:s

    select多选下拉列表+模糊查询功能.rar

    &lt;script type="text/javascript" src="jquery.combo.select.js" &gt; &lt;link rel="stylesheet" href="combo.select.css" /&gt; &lt;/head&gt; &lt;body&gt; &lt;select name="table_id" id="table_id"&gt; &lt;option value=""&gt;----请选择...

    js添加select下默认的option的value和text的方法

    ”sjx” id=”sjx” list=”sjxList” listKey=”BM” listValue=”MC” size=”20″ cssStyle=”width:100%;height:70px; multiple=”true”&gt; 代码如下: ”code” class=”html”&gt; multiple=”true”意思是支持...

    JS获取下拉框显示值和判断单选按钮的方法

    本文实例讲述了JS获取下拉框显示值和判断单选按钮的方法。分享给大家供大家参考。具体如下: 1.本人做过很多项目,都需要得到select组件显示的值。下面是我经常用到的方法: Html源码如下: &lt;html&gt;&lt;body&...

    JS实现级联菜单 三级级联

    用js实现三级级联,&lt;select id="s1" onChange="changeSelect2('s1','s2')"&gt; &lt;option value="" selected="selected"&gt;请选择&lt;/option&gt; &lt;option value="A" &gt;A&lt;/option&gt; &lt;option value="B"&gt;B&lt;/option&gt; &lt;/select&gt; ...

    通过Ajax方式绑定select选项数据的实例

    &lt;option value=-1&gt;--请选择--&lt;/option&gt; &lt;/select&gt; 在JavaScript代码段中写入以下ajax取数据并绑定数据的过程 $.ajax({ type : post, url : api/department/list, //此次url改为真正需要的url success : ...

Global site tag (gtag.js) - Google Analytics