如何获取当前layer弹窗中content中的input的值？

Question

代码如下：
`$('.caozuo').click(function () {

var name = $(this).data("name"),
    gailu = $(this).data("gailu"),
    code = $(this).data("code"),
    id = 'input' + code
layer.open({
    title: name + '概率',
    content: '<input type="number" id="' + id + '" value="' + gailu + '" style="width:100%;"/>',
    btn: ['确定', '取消'],
    yes: function (index) {
        layer.close(index);
        var val = $('"#' + id + '"').val()
        //var ss = $(this).parents(".layui-m-layerchild").find("input").val()
        console.log(val)
    }
});

})`
因为按钮是遍历上去的，所以id是根据code设置的，点击后报错信息如下：

请问如何获取当前弹窗中input的value值？

---

换成$('#' + id).val()后不报错了，但是找不到值undefined

Answer 1

引号用多了吧

$('"#' + id + '"').val()


$('#' + id).val()

Answer 2

1. 提交数据用表单，不要找 id
2. 表单元素记得加 name
3. 用 <button> 提交
4. 侦听表单的 submit 事件
5. 在函数里用 $(this).serializeArray() 获取所有元素的数据
6. event.preventDefault() 阻止真的提交