Question

这是我的HTML：

<select name="Pcolor" id="image" style="height:30px;">
   <option value="">Избран цвят: Grey M/Navy </option>
   <option value="48503341" color-number="0">Black/Charcoal</option>
   <option value="48503326" color-number="1">Charcoal M/Blk</option>
   <option value="48503325" color-number="2">Grey M/Navy</option>
   <option value="48503351" color-number="3">Navy/Grey M</option>
</select>

这是我的Javascript：

var TargetText = "Charcoal M/Blk";
var ColorSelectt = $('#image').find('option:contains(TargetText)').attr("color-number");
alert(ColorSelectt);

显示的Javascript代码我从选择菜单选项中获取属性，但只有当我定位Grey M/Navy时，我才会收到回复undefined。在所有其他情况下，代码运行良好，为什么？

你能帮我解决这个问题吗？

提前致谢！

Answer 1

使用下面的代码。您需要使用TargetText

连接+变量

注意：随着讨论答案更新，使用:gt(0)

跳过搜索中的第一个选项

检查DEMO

var TargetText = "Grey M/Navy";
var ColorSelectt = $('#image').find('option:gt(0):contains("'+TargetText+'")').attr("color-number");
alert(ColorSelectt);

jQuery - 尝试选择选项菜单时包含问题

1 个答案: