jquery在select下拉选的一般操作问题赋值和获取值

一下列表构造时候 默认有两个参数是看不到的实际确实存在 text 和value

text:是可以在页面看到的文字的值

value:为隐藏的参数一般用来匹配和存储数据库

<select id="select" name="type">
    <option value="">请选择</option>
    <option value="1">事故1</option>
    <option value="2">事故2</option>
    <option value="3">事故3</option>
</select>


一下是经常用的一些多下拉选的操作:

获取选中的文字信息:var text=$("#select").val();

获取选中的value值:var value =$("#select").find("option:selected").val();

为Select追加一个Option(下拉项)(注意这里是增加到最后一个选项): $(“#select”).append(“新增option“);

为 下拉选插入一个选项option(注意这里是插入到第一个位置):$(“#select_id”).prepend(“请选择“);

页面初始化的赋值(根据text的值对下拉选赋值,这个值可以根据后端传递的参数动态的获取):$("#select").find("option[text='事故2']").attr("Selected",true);

页面的初始化赋值(根据value的值,一般来时是根据这个值来动态设置下拉选的显示问题):$("#select").find("option"[value='1']).attr("Selected",true);

赋值(一般写法)("#select").val(这里直接传入value的值页面就可以显示出来对应的text细腻);

layui中使用下面的两个都可以,但是需要加上最后的重新渲染的 方法

$(".exceptRemak").find("option[value='掉棒事故']").attr("selected",true);//这个可以,
// $("#exceptRemak").find("option[value='掉棒事故']").prop("selected", true);//这个也可以
layui.form.render("select"); //重新渲染 固定写法

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值