JQuery .val(值)

Question

有人可以帮我理解这段代码是如何工作的吗？我假设它会产生类似 <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));
}

Answer 1

它的作用是创建一个 <option>元素

$('<option></option>')

将其“value”属性设置为参数val的值

.val(val)

并将其“文本”(<option> 元素“内部”的内容)设置为参数 text 的值

.html(text)

然后，它将结果元素追加到 <option> 列表中位于 <select> 内id 等于 mySelect 的元素.

实际上，这填充了 <select>元素动态地基于 myOptions 的内容对象。