layui option 动态添加_layui select如何动态添加option

这次给大家带来layui select如何动态添加option，layui select动态添加option的注意事项有哪些，下面就是实战案例，一起来看一下。

html

产品类别

轻松融

容易融

快乐融

增加产品类别

js//重新渲染表单

function renderForm(){

layui.use('form', function(){

var form = layui.form();//高版本建议把括号去掉，有的低版本，需要加()

form.render();

});

}

//增加产品类别按钮点击事件

function addProductClassify(){

layer.open({

type:1,

btn:['确定','取消'],

content:$("#select_prod"),

area:['270px','160px'],

//当前层索引参数(index)、当前层的DOM对象(layero)

yes:function(index,layero){

//获取input输入的值

var ivalue=$(layero).find("input").val();

//获取要添加的option的索引

var sIndex=$("#zcySelect")[0].options.length-1;

if(ivalue==null||ivalue==''){

layer.msg("请输入产品类别")

}

else{

layer.msg("输入的产品类别是："+ivalue);

//为select添加option

$("#zcySelect").append(""+ivalue+"");

renderForm();//表单重新渲染，要不然添加完显示不出来新的option

layer.close(index);

}

$(layero).find("input").val('');

}

})

}

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

layui option 动态添加_layui select如何动态添加option相关推荐

jQuery动态增加/删除select下来框的option中的selected属性
jQuery动态增加/删除select下来框的option中的selected属性 1.说明:选中下拉框的时候,先清除所有选中的option选项 2.效果截图: 1.说明:选中下拉框的时候,先清除所有 ...
layui option 动态添加_layui select动态添加option的实例
html 产品类别轻松融容易融快乐融增加产品类别 js //重新渲染表单 function renderForm(){ layui.use('form', function(){ var fo ...
select 下拉菜单Option对象使用add(elements,index)方法动态添加
2019独角兽企业重金招聘Python工程师标准>>> 原生js 的add函数为下拉菜单增加选项 1.object.add(oElement [, iIndex]) index 可选 ...
js动态的给select添加或者删除option选项
1.首先select的有id eg : id="engCategoryId" <g2:select name="_M.engType" list=&quo ...
js 动态加载select触发事件
动态加载select后,手动调用一下 subjectChange函数,模拟触发change事件 function hallidChange(value) {$.ajax({type: "po ...
Vue+Element动态生成新表单并添加验证
Vue+Element动态生成新表单并添加验证首先,有这样一个需求,表单中默认有表单项,点击新增,会多出一项. 点击之后官方文档中有写用v-for来实现新增表单,但是那是单表单的新增,现在多表单的 ...
通过创建动态类型动态构建Expression Select表达式来控制Property可见性
通过创建动态类型动态构建Expression Select表达式来控制Property可见性项目中经常遇到的一个场景,根据当前登录用户权限,仅返回权限内可见的内容.参考了很多开源框架,更多的是在V ...
asp.net panel 加html,ASP.NET 页面中动态增加的控件、添加事件
要求:页面上有一个Add按钮,每点击一次该按钮,页面上动态创建一个WebPartZone! 提醒:WebPartZone只能在OnInit或之前才能创建,否则报异常! 大家都知道,按钮的点击事件是在R ...
js样式会覆盖html样式,js实现html节点、CSS样式、事件的动态添加以及html覆盖层的添加...
(一)js实现html节点.CSS样式.事件的动态添加 ①场景描述:我们需要动态获取后台数据并将这些数据以列表方式展示,其中列表存在自己的列表样式,每个item都存在自己的点击事件.....那么在这种 ...
android listview动态添加viewpager,向 ViewPager 中添加包含 ListView 的 Fragment
对与fragment就不说什么了,直接看API手册吧,亲. 向 ViewPager 中添加包含 ListView 的 Fragment 的过程比较麻烦.他所表现的效果就是新闻客户端的滑动翻页效果. ...

layui option 动态添加_layui select如何动态添加option

layui option 动态添加_layui select如何动态添加option相关推荐

最新文章

热门文章