Javascript 在HTML中将键值对保持在一起<;选择/>;用jQuery?
给定jQuery中带有多个选项的selectJavascript 在HTML中将键值对保持在一起<;选择/>;用jQuery?,javascript,jquery,html,Javascript,Jquery,Html,给定jQuery中带有多个选项的select $select = $("<select></select>"); $select.append("<option>Jason</option>") //Key = 1 .append("<option>John</option>") //Key = 32 .append("<option>Paul</option>") //K
$select = $("<select></select>");
$select.append("<option>Jason</option>") //Key = 1
.append("<option>John</option>") //Key = 32
.append("<option>Paul</option>") //Key = 423
$select=$(“”);
$select.append(“Jason”)//Key=1
.append(“John”)//Key=32
.append(“Paul”)//Key=423
如何存储和检索密钥
如果我有多个select的共享值(和其他场景),则ID可能是一个确定的位置,但不能保证唯一
谢谢
本着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");
$option=$(“”);
$select=$(“”);
$select.addOption=函数(值,文本){
$(this.append($(“”).val(value).text(text));
};
$select.append($option.val(1.text)(“Jason”).clone())
.append(“约翰”)
.append($(“”).val(423).text(“Paul”))
.addOption(“321”、“Lenny”);
HTML
标记有一个名为“value”的属性,您可以在其中存储密钥
e、 g:
Jason
我不知道这将如何与jQuery配合使用(我不使用它),但我希望这会有所帮助。正如lucas所说,value属性是您所需要的。使用您的代码,它看起来像这样(我在select中添加了一个id属性以使其适合):
以防万一,.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
或者,如果您使用的是XHTML,则可以创建自定义名称空间
因为您说键可以重复,所以使用value属性可能不是一个选项,因为这样您就无法判断表单帖子上选择了哪些具有相同值的不同选项
$( '#mySelect' ).val(); //Gets the value for the current selected option
$( '#mySelect > option' ).each( function( index, option ) {
option.val(); //The value for each individual option
} );
$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');