Question

使用jQuery，如果关键字出现在页面上方的元素中，我想隐藏或禁用选择选项。这是一些HTML示例：

<div>

    <div id="divID">The word EXAMPLE is in this sentence.</div>

    <select id="optionList" name="optionList">
        <option value="">Select Option</option>
        <option value="1">First option</option>
        <option value="2">Second option</option>
        <option value="3">Third option</option>
    </select>

</div>

所以psuedo-code会是这样的：

如果单词＆＃34;示例＆＃34;存在于ID为＃34; divID＆＃34; ...

的div中

然后选择选项＆＃34;第三选项＆＃34;隐藏（或非活动，或者不是用户的选项）。

OTHERWISE单独保留所有选择选项。

我想这对于那些知道他们正在做什么的人来说是非常基本的东西，我显然不会这样做。

提前感谢您的帮助！

Answer 1

使用jquery加regular expressions，以下内容应为基本示例：

$(document).ready(function() {
    if (/EXAMPLE/.test($('#divID').text()))
        $('option[value="3"]').hide();
});

Answer 2

检查这个js小提琴 https://jsfiddle.net/pe1yvucj/ 注意这一行

$("option[value='3']").attr('disabled','disabled')

再次启用

$("option[value='3']").removeAttr('disabled')

如果其他元素

2 个答案: