JQuery Selector для выбора с идентификатором: 1

Question

У меня есть следующий выбор с необычным атрибутом ID / Имя:

<select name="customfield_10021:1" id="customfield_10021:1" class="select cascadingselect-child">

Это не позволяет мне выбирать его с помощью:

unit = $('#customfield_10021:1 option:selected').text();

http://jsfiddle.net/stzPQ/

uncaught exception: Syntax error, unrecognized expression: 1

Как выбрать это поле?Я никогда прежде не видел этот конкретный синтаксис, но он, очевидно, работает при отправке.

Спасибо!

Джаред

Answer 1

Escape :, используя \\

unit2 = $('#customfield_10021\\:1 option:selected').text();

Обновленный jsfiddle

Или вы можете использовать document.getElementById("customfield_10021:1") какконтекст для вашего селектора.

var s = document.getElementById("customfield_10021:1");
unit2 = $('option:selected', s).text();

Answer 2

Побег из толстой кишки:

unit = $('#customfield_10021\\:1 option:selected').text();

См. jQuery FAQ .

---

Вместо использования option:selected вы можете просто использовать .val(), чтобы получить значение <select>:

unit = $('#customfield_10021\\:1').val();

Answer 3

Вы должны избежать двоеточия, поэтому сделайте это:

$("#customfield_10021\\:1")

Вы бы получили:

unit = $('#customfield_10021\\:1 option:selected').text();

Это потому, что двоеточие является особым символом, и его необходимо экранировать обратной косой чертой. Надеюсь это поможет. Приветствия

Answer 4

Попробуйте это:

unit = $('#customfield_10021\\:1 option:selected').text();

: обычно используется для псевдо-селекторов, а обратный слеш должен быть удвоен в строковом литерале.

Во избежание сомненийсимвол двоеточия является допустимым в атрибутах ID и Name.

Answer 5

Я думаю, что работает:

unit = $("#customfield_10021\\:1 option:selected").text();

Answer 6

Это работает:

$('[id="customfield_10021:1"] option:selected').text()

Демонстрационная версия: http://jsfiddle.net/stzPQ/2/

Answer 7

Другим решением в JSF является предотвращение добавления имени формы перед каждым идентификатором.

Это можно сделать с помощью prependId = "false" в теге формы:

            <h:form id="gestion_clefs" prependId="false">

Answer 8

Помните, что двоеточие используется для разграничения псевдокласса. Как и в случае с option:selected, вам придется удалить двоеточие из идентификатора вашего элемента:

<select name="customfield_10021_1" id="customfield_10021_1" class="select cascadingselect-child">

Это потому, что jQueryпытается использовать #customfield_10021:1 как id = customfield_10021 с псевдоклассом 1, который не существует, таким образом, ошибка.