jquery 获取下拉框 某个text='xxx'的option的属性 非选中

jquery 获取下拉框 某个text='xxx'的option的属性 非选中,第1张

类似标签[属性='值']这种叫做属性选择器,即选中属性=值的标签,但是,DOM里面是没有text属性的,所以option[text='1']是非法的。

我写了一段代码做参考

var x = "";

$("#selectID option")each(function() {

    if($(this)text() == "1") {

        x = $(this)val();

    }

})

另外,id那里是不需要加#的,也就是<select id="selectID">就可以了,#本身就表示id选择器

jQuery获取Select元素,并设置的 Text和Value:

$("#select_id ")get(0)selectedIndex=1; //设置Select索引值为1的项选中

$("#select_id ")val(4); // 设置Select的Value值为4的项选中

$("#select_id option[text='jQuery']")attr("selected", true); //设置Select的Text值为jQuery的项选中

jQuery添加/删除Select元素的Option项:

$("#select_id")append("<option value='Value'>Text</option>"); //为Select追加一个Option(下拉项)

$("#select_id")prepend("<option value='0'>请选择</option>"); //为Select插入一个Option(第一个位置)

$("#select_id option:last")remove(); //删除Select中索引值最大Option(最后一个)

$("#select_id option[index='0']")remove(); //删除Select中索引值为0的Option(第一个)

$("#select_id option[value='3']")remove(); //删除Select中Value='3'的Option

$("#select_id option[text='4']")remove(); //删除Select中Text='4'的Option

三级分类 <select name="thirdLevel" id="thirdLevel"

onchange="getFourthLevel()">

<option value="0" id="thirdOption">

请选择三级分类

</option>

</select>

</div>

四级分类:

<select name="fourthLevelId" id="fourthLevelId">

<option value="0" id="fourthOption">

请选择四级分类

</option>

</select>

</div>

if($("#thirdLevel")val()!=0){

$("#thirdLevel option[value!=0]")remove();

}

if($("#fourthLevelId")val()!=0){

$("#fourthLevelId option[value!=0]")remove();

}//这个表示:假如希望当选择选择第三类时:如果第四类中有数据则删除,如果没有数据第四类的商品中的为默认值。

获取Select :

获取select 选中的 text :

$("#ddlRegType")find("option:selected")text();

获取select选中的 value:

$("#ddlRegType ")val();

获取select选中的索引:

$("#ddlRegType ")get(0)selectedIndex;

设置select:

设置select 选中的索引:

$("#ddlRegType ")get(0)selectedIndex=index;//index为索引值

首先,我要纠正你的一个错误,option里面是没有name这个属性的,name属性应该在select这里。

html的下拉框只有一个name,而你每次选中一个下拉属性时,其实取到的是下拉框的value值。

如果你其实是要取value的值的话就这样写:

//加个选中事件<select onchange="getSelect(thisvalue);">

function getSelect(obj)//这个obj就是你想要的value

{

    alert(obj);

}

jquery:

获取选中项

var memo= $("#id :selected")attr("Memo")

获取指定索引项

var memo= $("#id option:eq(1)")attr("Memo")

这样是取不到的,即使jquery $("#selectedAccount")val();取到的值也是空吧,如果你想取到mail和tel的值,不妨这样试试:

<select multiple="multiple" id="selectedAccount" name="selected">

<option value="objmail"+"|~|"+"objtel">yhu</option>

</select>

相当于把你mall和tel放在一个值里面了,用一个分隔符分割,后台取到这个值,然后用分隔符分割就得到你的mall 和tel 值了

option对象的属性

defaultSelect

selected

value

text

select对象的属性、方法和事件

blur()

focus()

form 表示选项菜单所在的表单

length选项菜单中选项的数目

name

options表示选项菜单中各选项的数组,该数组还有length和selectedindex子属性

事件

onfocus

onblur

onchange

type:如果select设置了multiple属性,则值为select-multiple,否则值为select-one

以上就是关于jquery 获取下拉框 某个text='xxx'的option的属性 非选中全部的内容,包括:jquery 获取下拉框 某个text='xxx'的option的属性 非选中、如何获取select 里option的值、js如何取得<option name="aaa">的属性name的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9619363.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-30
下一篇2023-04-30

发表评论

登录后才能评论

评论列表(0条)

    保存