如何使用jQuery在选项元素中设置内容

Question

我有一个select元素，我想在option元素中设置数字1到31（天）之间的内容。那我该怎么办呢？

像这样：

      <select>
          <option>1</option>
          <option>2</option>
          ...
          <option>31</option>
      </select>

Answer 1

var option = '';
for (var i=1;i<32;i++){
   option += '<option value="'+ i + '">' + i + '</option>';
}
$('#days').append(option);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="days"></select>

Answer 2

在您的HTML中

<select id="test_id" name="text_id"></select>

在您的js中使用此循环创建选项。

for(var i=1; i<=31; i++){
     var opt = $("<option>").val(i).text(i);
     $("#test_id").append(opt);
}

在您的头部也包含jquery