JQuery .val（value）

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)

并将其“text”（<option>元素的“内部”）设置为参数text的值

.html(text)

然后，它会将结果元素附加到<option>元素内的<select>列表中，其ID等于mySelect。

实际上，这会根据<select>对象的内容动态填充myOptions元素。

Answer 2

基本上，它解释为

<option value="val">text</option>

详细：

• $('<option></option>')：创建一个新的选项元素

• .val(val)：为其赋予值val

• .html(text)：为选项

  插入文字

  var myOptions = {val1:'text1', val2:'text2'};：它定义了一个数组，其中包含用于填充选择框的value和text

$.each(myOptions, function(val, text) {}：此部分会对所有可用的myOptions进行交互，并将值视为val，文本为text。

$('#mySelect').append部分将上述标记 _{(<option value="val">text</option>)} 添加到最后的选择框$('#mySelect')中。

Answer 3

您引用的代码设置options标记的value属性，然后设置文本值。所以它看起来像这样

<option value="your-val">your-text</option>

然后将其添加到选择中。