layui.table怎样给td添加select

layui.table怎样给td添加select,第1张

done:function(res,cur,count){

var ct=1

$("tbody td[data-field='robot'] .layui-table-cell").each(function(e,a){

ct++

var arry = new Array()

if(!util.isEmpty(a.innerText)){

arry = a.innerText.split(",")

}

$(a).html($(htmlSelects).attr("xm-select","robot"+ct)[0])

user.formSelects.render('robot' + ct , {

template: function(name, value, selected, disabled){

return value.name  //+ '<span style="position: absolute right: 0 color: #A0A0A0 font-size: 12px">' + name + '</span>'

}

})

user.formSelects.value('robot' + ct, arry)

user.formSelects.on('robot' + ct, function(id, vals, val, isAdd, isDisabled){

//id:           点击select的id

//vals:         当前select已选中的值

//val:          当前select点击的值

//isAdd:        当前 *** 作选中or取消

//isDisabled:   当前选项是否是disabled

//alert("当前选择了: " + JSON.stringify(vals))

var select =$("tbody div select[xm-select="+id+"]")

var tt =select.parent().parent().siblings()

var id=""

tt.each(function(e,a){

if($(a).attr("data-field")=="id") id=$(a).children().html()

})

var arr = new Array()

for ( var i = 0 i <vals.length i++){

arr.push(vals[i].value)

}

user.setRobot(id,arr)

}, true)

})

}

首先我写了这么一个方法,专门用于给layui的select赋值:

function set_select(id,value){ let obj=$("#"+id) obj.find("option:contains('"+value+"')").attr("selected",true) obj.parent().find(".layui-select-title").find("input").val(value) }

页面上select大致结构如下:

<div class="layui-inline"><label class="layui-form-label" for="danger_mend_state" style="box-sizing:content-box">验收状态</label><div class="layui-input-inline"><select name="modules" lay-search="" id="danger_mend_state"><option value="1">已验收</option><option value="2">未验收</option><option value="2">不需要验收</option></select></div></div>

然后在js里调用就行了。

set_select('danger_mend_state',"已验收")

selected = "selected"

你在php中传值到页面的时候传一个 select值(就是你之前改之后的值) 传到页面之后 你就判断你的这个值 在<option <?php if(你后台接受到的值=你本选择的值){echo selected = "selected"

}></option>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11538792.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-16
下一篇 2023-05-16

发表评论

登录后才能评论

评论列表(0条)

保存