js css 设置自定义属性并获取（获取新增select项的属性值）

您所在的位置：网站首页 › selected属性值 › js css 设置自定义属性并获取（获取新增select项的属性值）

js css 设置自定义属性并获取（获取新增select项的属性值）

2024-03-02 03:14| 来源: 网络整理| 查看: 265

需求：

select下拉框选择一个值时，把这个值的别的属性自动填充到页面的input中，且 select选项可以新增，

在选择新增的select选项时，经过打印发现list中没有获取新增项。

解决方案：

通过把需要用到的每项的属性添加到自定义属性中，通过获取自定义属性的值来获取

代码： css 规则选择： ;新建规则规则编码：规则名称：规则描述：规则类型： js {{ each list item index}} {{item.ruleName}} {{/each}}

通过data-XX来设置自定义属性，并通过 **.data("XX") 来获取自定义属性的值

//规则选择 $.ajax({ "url":path + "xxxxxxxxx", "type":"POST", success:function(res){ var enentRulehtml = template('rule_temp',{ list:res }) $('#ruleSeleted').html(enentRulehtml) initEventInfo(); //使用refresh方法更新UI以匹配新状态。 $('#ruleSeleted').selectpicker('refresh'); //render方法强制重新渲染引导程序 - 选择ui。 $('#ruleSeleted').selectpicker('render'); //手动选择某个规则后 $("#ruleSeleted").bind("change",function(){ // let that = this $('#ruleCode').val($("#ruleSeleted option:selected").data("code")); $('#ruleName').val($("#ruleSeleted option:selected").data("name")); $('#ruleState').val($("#ruleSeleted option:selected").data("state")) switch ($("#ruleSeleted option:selected").data("type")){ case 0: $('#ruleType').val("全部"); break; case 1: $('#ruleType').val("单一规则"); break; case 2: $('#ruleType').val("组合规则"); break; default: $('#ruleType').val($("#ruleSeleted option:selected").data("type")); break; } }) } })

【本文地址】

js css 设置自定义属性并获取（获取新增select项的属性值）

js css 设置自定义属性并获取（获取新增select项的属性值）

今日新闻

推荐新闻