有人可以帮我理解这段代码是如何工作的吗?我假设它会产生类似 <option value="val">text</option>,
的结果但我只是不明白它是如何做到这一点的。
$('<option></option>').val(val).html(text)
上面的代码片段是我用来向<select>
添加两个选项的以下代码的一部分。声明。
var myOptions = {val1:'text1', val2:'text2'};
$.each(myOptions, function(val, text)
{
$('#mySelect').append($('<option></option>').val(val).html(text));
}
最佳答案
它的作用是创建一个 <option>
元素
$('<option></option>')
将其“value”属性设置为参数val
的值
.val(val)
并将其“文本”(<option>
元素“内部”的内容)设置为参数 text
的值
.html(text)
然后,它将结果元素追加到 <option>
列表中位于 <select>
内id 等于 mySelect
的元素.
实际上,这填充了 <select>
元素动态地基于 myOptions
的内容对象。
关于JQuery .val(值),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5777556/