如何使用jquery设置选项元素中的内容

Huy Hoàngg • 5 年前 • 198 次点击

我有一个select元素,我想在选项元素中设置数字为1到31(day)的内容。那我该怎么做呢?

这样地:

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

Python社区是高质量的Python/Django开发社区
本文地址：http://www.python88.com/topic/30861

198 次点击

文章 [ 2 ] | 最新文章 5 年前

• 1 楼

cha 5 年前

在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

• 2 楼

Udhay Titus 5 年前

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>

登录后回复