Layui获取弹出窗中输入的值，type=1

1.前言

今天遇到一个问题，就是在审批一些东西的时候需要退回，退回就需要输入原因，所以我想的就是，点击退回的时候，弹出一个窗口，在窗口里输入退回原因，然后点击确定。该条记录就被退回了。但是，苦于一直获取不到输入的文本值。今天解决了，记录一下。先看一下效果图。

 

Video_2018-10-12_111212.gif

先看一下代码吧。

   parent.layer.open({
                    type: 1,
                    title: '请输入退回原因',
                    area: ['500px', '300px'],
                    btn: ['确定'],
                    content: '<div><textarea type="text"  autocomplete="off" class="layui-textarea" lay-verify="required" style="height:200px"></textarea></div>',//这里content是一个普通的String
                    yes: function (index, layero) {
                        //按钮【按钮一】的回调
                        var backreason = layero.find('textarea')[0].value;// 获取输入的退回原因
                       }
                });

页面效果如下。

image.png

其实，按道理来说，其实特别简单，但是问题是在yes这个回调函数里面，加断点进不来，console.log()，也出不来，知道layero是弹出的页面的dom结构，但是没法调试，心里还是没底，但是功夫不负有心人，知道是layero是dom结构了，就闭着眼直接写，我是输入到一个textarea中，所以代码如下。

 

var backreason = layero.find('textarea')[0].value;
这样就可以获取到输入的文本值了，然后在写一些其他的方法进行下一步操作就行了。

Study hard and make progress every day.

更多学习资料请关注"爱游戏爱编程"。

 

爱游戏爱编程.jpg