jquery选择器,用于获取选定特定值的所有select下拉列表
如果选择的值为“A1”,如何使用jQuery选择器选择所有选择框 示例选择框:jquery选择器,用于获取选定特定值的所有select下拉列表,jquery,html,jquery-selectors,Jquery,Html,Jquery Selectors,如果选择的值为“A1”,如何使用jQuery选择器选择所有选择框 示例选择框: <select name="accesslevel"> <option value="A1">A1 Access</option> <option value="A2">A2 Access</option> </select> 有人能帮忙吗?这里有一些类似于您最初的规范,但只是做了一些修改,以便与我的选择器配合使用 $('.container'
<select name="accesslevel">
<option value="A1">A1 Access</option>
<option value="A2">A2 Access</option>
</select>
有人能帮忙吗?这里有一些类似于您最初的规范,但只是做了一些修改,以便与我的选择器配合使用
$('.container').find('option[value=A1]').filter(':selected').parent('select').show();
这里是简化的:
$('option[value=A1]:selected').parent('select');
只需在所有html正文中选择选项
alert($('option[value=A1]').html());
对于选择
alert($('select[name=accesslevel]').find('option[value=A1]').html());
但警报将只与一个元素一起工作
为您选择
$('option[value=A1]').parent().remove();
它将选择父项并将其删除。尝试:
$('select option[value="A1"]:selected')
你可以在下面添加你的函数
$('select').filter(
function(){
if($(this).val()=="A1")
return true;
else
return false;
}
).parent().nextAll('td[id^="A1Access"]').show();
如前所述,Prakash的解决方案是最接近的,但它选择选项值,而不是选择框本身。可以使用:has选择器修复此问题
$('select:has(option[value="A1"]:selected)')
做一个这样的身份证
<select name="accesslevel" id="myselector">
<option value="A1">A1 Access</option>
<option value="A2">A2 Access</option>
</select>
这将返回选项本身,而不是选择框。@DSKVR很好,很简单,可以从这里.parent('select')
。或者只是.parent()
。我刚刚给了选择器,现在他可以通过选择器做任何他想做的事情。我认为dsnettleton的答案比这个更好。这个选择器在IE Edge(可能还有其他IE)中的性能差得多。改为使用:$('option:selected').filter('[value=“A1”]').parent();您还可以执行$('select')。has('option[value=“A1”]:selected')
$('select:has(option[value="A1"]:selected)')
<select name="accesslevel" id="myselector">
<option value="A1">A1 Access</option>
<option value="A2">A2 Access</option>
</select>
$("select#myselector option:selected").each(function ()
{
alert($(this).text() + " ");
});