Jquery 选择的选项文本包含

【问题标题】：Jquery selected option text containsJquery 选择的选项文本包含
【发布时间】：2018-03-21 19:15:34
【问题描述】：

尝试使另一个选择的选定选项的条件不是当前包含某些文本字符串作为文本而不是值的当前选项。

例子：

<select class="Selected">
<option>Hello</option>
<option>Bye</option>
</select>

在以下情况下，我所拥有的是捕鸟。另一个选择的触发器：

$(".Selected_Two").change(function () {
    if ($(this).closest('.div-block').find('.Selected:contains("Bye")')) {              
    alert('Bye');
    }
});

所以基本上如果在触发其他选择时在选择中选择了选择选项，则必须看到警报“再见” 但它在这种状态下不起作用。欢迎任何帮助。

【问题讨论】：

好主意，但你试过什么？
"f这个select选项在select中被选中的时候触发其他select"脑炸了。祝你好运。

标签： javascript jquery

【解决方案1】：

indexOf() 表示值或 :contains 表示 选项文本

有两种方法

indexOf()

$(".Selected_Two").change(function () {
    var SelectTwoValue = $(this).val();
    if ($(this).closest('.div-block').find('.Selected)').val().indexOf(SelectTwoValue ) > -1) {              
        alert('Bye');
    }
});

:contains 和 length

$(".Selected_Two").change(function () {
    var SelectTwoValue = $(this).val();
    if ($(this).closest('.div-block').find('.Selected option:selected:contains("'+SelectTwoValue+'")').length > 0) {              
       alert('Bye');
    }
});

也许你需要解决 .val().indexOf() 和 :contains("'+SelectTwoValue+'")').length .. 但我认为你明白了

【讨论】：

祝你有美好的一天@JohnSiniger :-)