Python社区  »  Jquery

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

Huy Hoàngg • 5 月前 • 87 次点击  

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

这样地:

      <select>
          <option>1</option>
          <option>2</option>
          ...
          <option>31</option>
      </select>
Python社区是高质量的Python/Django开发社区
本文地址:http://www.python88.com/topic/30861
 
87 次点击  
分享到微博
文章 [ 2 ]  |  最新文章 5 月前
cha
Reply   •   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

Udhay Titus
Reply   •   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>