gpt4 book ai didi

jquery - 使用其属性获取元素?

转载 作者:行者123 更新时间:2023-11-28 04:01:30 25 4
gpt4 key购买 nike

我有这个,

<select id="rid" style="border: 1px solid #ccc;" name="rid">
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
<option value="4">Option 4</option>
<option value="5">Option 5</option>
<option value="6">Option 6</option>
</select>

我有这个触发事件的链接,

<a href="#">Disable Option 1</a><br />
<a href="#">Disable Option 2</a><br />
<a href="#">Disable Option 3</a>

现在,如果我单击 Disable Option 1,这将从选择下拉列表中禁用 Option 1。我在想,通过使用属性 value,我可以指定禁用关于我将单击的链接的选项,但我迷路了。如何仅使用 value 属性禁用下拉列表中的任何选项?

最佳答案

编辑:

like for instance when clicking Disable Option 1, it will disable options 1, 4 and 5 and when I click Disable Option 2 it will disable options 2 and 3, somewhat like that.

设置链接如下,

<a href="#" data-val="1,4,5">Disable Option 1</a><br />
<a href="#" data-val="2,3">Disable Option 2</a><br />
<a href="#" data-val="3">Disable Option 3</a>

然后像下面这样修改代码,

$('a').click (function () {
var thisVal = $(this).data('val')+'';
$('#rid option').filter(function () {
return $.inArray(this.value, thisVal.split(',')) >= 0;
}).prop('disabled', true);
});

演示: http://jsfiddle.net/vPhJc/1/


如果您设置如下链接,

<a href="#" data-val="1">Disable Option 1</a><br />
<a href="#" data-val="2">Disable Option 2</a><br />
<a href="#" data-val="3">Disable Option 3</a>

那你可以

$('a').click (function () {
$('#rid option[value=' + $(this).data('val') + ']').prop('disabled', true);
});

演示: http://jsfiddle.net/vPhJc/

关于jquery - 使用其属性获取元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12846174/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com