如何获得select被选中option的value和text和......_最强的法师的博客

相关文章推荐

喝醉的铁板烧 · sql sum合计某一列的值_sql ...· 4 月前 ·

追风的香菜 · 提取lua代码的函数定义和调用信息（函数名、 ...· 1 年前 ·

豪情万千的豆腐 · SetupComplete.cmd did ...· 1 年前 ·

跑龙套的牛肉面 · scala2.11读取文件 - 飞末 - 博客园· 1 年前 ·

比如这个：

<select id="select">
    <option value="A" url="http://www.baidu.com">第一个option</option>
    <option value="B" url="http://www.qq.com">第二个option</option>
</select>

一：JavaScript原生的方法

1:拿到select对象： `var myselect=document.getElementById("select");
2：拿到选中项的索引：var index=myselect.selectedIndex ; // selectedIndex代表的是你所选中项的index
3:拿到选中项options的value： myselect.options[index].value;
4:拿到选中项options的text： myselect.options[index].text;
5:拿到选中项的其他值，比如这里的url： myselect.options[index].getAttribute('url');

二：jQuery方法

1:var options=$(“#select option:selected”); //获取选中的项
2:alert(options.val()); //拿到选中项的值
3:alert(options.text()); //拿到选中项的文本
4:alert(options.attr('url')); //拿到选中项的url值

我想获取select选中的value，或者text，或者……比如这个：<select id="select"> <option value="A" url="http://www.baidu.com">第一个option</option> <option value="B" url="http://www.qq.com">第二个option</option></select>一：J 1:拿到 select 对象： var my select =document.getElementById(“test”); 2：拿到选中项的索引：var index=my select . selected Index ; // selected Index代表的是你所选中项的index 3:拿到选中项 option s的 value ： my select . option s[index]. value ; 4:拿到选中项 option s的 text ： my select . option s[index].te < select id="month_id"> < option selected =" selected " value ="1">1月</ option > < option value ="2">2月</ option >

每一次操作 select 的时候，总是要在网上翻下，太繁琐了，自己在这里总结下。比如< select class=” select or”></ select > 1、设置 value 为“全部“的项选中代码如下: $(“. select or”).val(“全部”); 2、设置 text 为“全部“的项选中代码如下: $(“. select or”).find(“ option ”).attr(“ selected ”,true); 这里有一个中括号的用法，中括号里的等号的前面是属性名称，不用加引号。很多时候，中括号的运用可以使得逻辑变得很简单。 3、获取当前选中项的 value 代码如下: $(“. select o

代码如下:< select id = “cityList” > < select id = “ select Id” > < option xss=removed>第0个</ option > </ select > [removed] var select Obj = document.getElementById(‘ select Id’); // 通过对象添加 option select Id.add(new Option (“第一个”,”1″)) select Id.add(new Option (“第二个”,”2″)) // 通过id添加

语法解释：代码如下: 1. $(“# select _id”).change(function(){//code…}); //为 Select 添加事件，当选择其中一项时触发 2. var check Text =$(“# select _id”).find(“ option : selected ”). text (); //获取 Select 选择的 Text 3. var check Value =$(“# select _id”).val(); //获取 Select 选择的 Value 4. var checkIndex=$(“# select _id “).get(0). selected Index; //获取 Select 选择的索

<pre name=”code” class=”java”> jsp 中的下拉框标签： <s name=”sjx” id=”sjx” list=”sjxList” listKey=”BM” list Value =”MC” size=”20″ cssStyle=”width:100%;height:70px; multiple=”true”></s> 代码如下: <pre name=”code” class=”html”> multiple=”true”意思是支持选择多个。 </pre><pre code_snippet_id=”487056″