社区所有版块导航
Python
python开源   Django   Python   DjangoApp   pycharm  
DATA
docker   Elasticsearch  
aigc
aigc   chatgpt  
WEB开发
linux   MongoDB   Redis   DATABASE   NGINX   其他Web框架   web工具   zookeeper   tornado   NoSql   Bootstrap   js   peewee   Git   bottle   IE   MQ   Jquery  
机器学习
机器学习算法  
Python88.com
反馈   公告   社区推广  
产品
短视频  
印度
印度  
Py学习  »  Jquery

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

Huy Hoàngg • 7 年前 • 251 次点击  

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

这样地:

      <select>
          <option>1</option>
          <option>2</option>
          ...
          <option>31</option>
      </select>
Python社区是高质量的Python/Django开发社区
本文地址:http://www.python88.com/topic/30861
文章 [ 2 ]  |  最新文章 7 年前
cha
Reply   •   1 楼
cha    7 年前

在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    7 年前

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>