如何选择“部分信息”

时间:2014-02-03 10:35:35

标签: jquery html-select

我有这个选择列表:

<select id="ddTratte">
    <option value="">Text A</option>
    <option tratte="1523" value="14510">Text B</option>
    <option tratte="1524#1634" value="14534">Text C</option>
    <option tratte="1830" value="14510">Text D</option>
</select>

我的“部分”值是1524.我需要选择3°选项,tratte=1524#1634

我怎样才能在jQuery中做到这一点?我的实际代码是:

$("#ddTratte option[tratte='" + "1524" + "']").val()

但这是独家的。我该如何选择它?

3 个答案:

答案 0 :(得分:1)

使用*= attribute selector

$("#ddTratte option[tratte*='1524']").val()

正如我在对您的问题的评论中提到的那样:tratte不是有效的HTML属性。如果您想使用自定义属性,则应在其前面添加data-

...
    <option data-tratte="1524#1634" ... >
...

然后选择使用:

$("#ddTratte option[data-tratte*='1524']").val()

答案 1 :(得分:0)

您可以使用此^ =

$("#ddTratte option[tratte^='1524']").val()

答案 2 :(得分:-1)

这应该有效:

    <select id="ddTratte">
<option value="">Text A</option>
<option tratte="1523" value="14510">Text B</option>
<option tratte="1524#1634" value="14534">Text C</option>
<option tratte="1830" value="14510">Text D</option>
   </select>


var $value  = $('#ddTratte').children().eq(2).text();
alert($value);

小提琴手在这里: http://jsfiddle.net/eWMmG/