javascript中select的赋值

第一种方法:

直接用$("#select").html('');,如果要动态添加,需要你自己组成

var html = '<option value="1">test</option><option value="2">test2</option>';
 $("#select").html(html);

第二种方法:
var sel = document.getElementById('select的id');
    sel.options.length = 0;//清空原来的
    var arr = [{ t: '内容1', v: '值1' }, { t: '内容2', v: '值2' }/*.....*/]
    for (var i = 0; i < arr.length; i++) sel.options.add(new Option(arr[i].t, arr[i].v));//添加option


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Layui是一个简单易用的前端UI框架,其包含了很多常用的组件,其之一就是select(选择器)。 在Layui,通过select组件可以实现下拉列表的选择功能。要赋值select组件,可以使用Layui的form模块的setValue方法。 首先,需要在页面引入Layui的相关资源文件,包括Layui的CSS样式文件和JavaScript脚本文件。 接下来,在HTML代码创建一个select元素,并给它一个唯一的ID,以便后续使用。例如: ```html <select id="selectDemo"></select> ``` 然后,在JavaScript代码调用Layui的form模块的setValue方法来给select赋值。例如: ```javascript layui.use('form', function(){ var form = layui.form; // 赋值 var data = [ {value: '1', text: '选项1'}, {value: '2', text: '选项2'}, {value: '3', text: '选项3'} ]; form.val('selectDemo', data[0].value); // 选第一个选项 }); ``` 上述代码,'selectDemo'是之前给select元素定义的ID,data是一个数组,包含需要赋值的选项的数据。然后,使用form.val方法将第一个选项的值赋给select元素。这样,即可通过Layui的select组件实现赋值功能。 需要注意的是,要使用Layui的form模块的setValue方法,首先需要通过layui.use方法引入form模块。另外,select元素的ID必须与setValue方法的参数保持一致。 总之,通过Layui的select组件赋值是一个简单的过程,只需要使用form模块的setValue方法即可实现。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值