My<cod/>.net
Сохраняя пары ключевых значений вместе в HTML с jQuery?
Учитывая выбор с несколькими вариантами в jQuery.
$select = $("<select></select>");
$select.append("<option>Jason</option>") //Key = 1
.append("<option>John</option>") //Key = 32
.append("<option>Paul</option>") //Key = 423
Как следует хранить и извлекать ключ?
ID может быть местом OK, но не будет гарантировано уникальным, если у меня есть несколько общих значений select (и другие сценарии).
Спасибо
и в духе TMTOWTDI.
$option = $("<option></option>");
$select = $("<select></select>");
$select.addOption = function(value,text){
$(this).append($("<option/>").val(value).text(text));
};
$select.append($option.val(1).text("Jason").clone())
.append("<option value=32>John</option>")
.append($("<option/>").val(423).text("Paul"))
.addOption("321","Lenny");
Как сказал Лукас, атрибут value - это то, что вам нужно. Используя ваш код, он будет выглядеть примерно так ( я добавил атрибут id в select, чтобы он соответствовал ):
$select = $('<select id="mySelect"></select>');
$select.append('<option value="1">Jason</option>') //Key = 1
.append('<option value="32">John</option>') //Key = 32
.append('<option value="423">Paul</option>') //Key = 423
jQuery позволяет получить значение с помощью метода val(). Используя его в теге select, вы получаете значение текущего выбранного параметра.
$( '#mySelect' ).val(); //Gets the value for the current selected option
$( '#mySelect > option' ).each( function( index, option ) {
option.val(); //The value for each individual option
} );
На всякий случай метод .each циклически проходит через каждый элемент, которому соответствует запрос.
Если вы используете HTML5, вы можете использовать пользовательский атрибут данных . Это будет выглядеть так:
$select = $("<select></select>");
$select.append("<option data-key=\"1\">Jason</option>") //Key = 1
.append("<option data-key=\"32\">John</option>") //Key = 32
.append("<option data-key=\"423\">Paul</option>") //Key = 423
Затем чтобы получить выбранный ключ вы могли бы сделать:
var key = $('select option:selected').attr('data-key');
Или если вы используете XHTML, то вы можете создать пользовательское пространство имен.
Поскольку вы говорите, что ключи могут повторяться, использование атрибута value, вероятно, не является опцией, поскольку тогда вы не сможете определить, какой из различных вариантов с одинаковым значением был выбран в записи формы.