如何将bootstrap模态框中文本域的值回传给父页面?

2019-01-02 23:08发布

问题:

单击模态框的保存按钮,将模态框文本域中的值回填给父元素的文本框,

1 <div>
2     <div class="col-sm-6">
3       <input type="text" class="form-control" name="opName"/>
4     </div>
5     <input type="hidden" name="opBrief"/>
6     <button type="button" class="btn btn-info">添加简介</button>
7     <br/>
8     <br/>
9 </div>

回填给input的那个隐藏域中,这段代码有若干份,不适合设id值,怎么在模态框中找到主页面的这个隐藏域?

回答1:

还是使用了id的方法,动态生成了id,通过id来找到那个隐藏域

 1 //单击添加简介,为父页面隐藏域添加id值,并将id信息传入提交按钮
 2         $(document).on("click",".btn-info",function(){
 3             $("#optionbriefmodal").modal({
 4                 //backdrop:"static"
 5             });
 6             $("#opname").text($(this).parent("div").find("input").val());
 7             var inputid = $(this).prev("input").attr("id");
 8             if(inputid==null){
 9                 $(this).prev("input").attr("id","id"+i);
10                 $("#commit").attr("hiddenid",i);
11                 i++;
12             }else{
13                 
14                 $("#commit").attr("hiddenid",inputid);
15             }
16         });
17         //单击模态框保存按钮,将模态框文本域的值传入父页面的hidden隐藏域中
18         $("#commit").click(function(){
19             var opbrief = $(this).parent("div").parent("div").find("textarea").val();
20             var hidden = $(this).attr("hiddenid");
21             alert(hidden);
22             $("#id"+hidden).val(opbrief);
23             var a = $("#id"+hidden).val();
24             alert(opbrief);
25             $("#optionbriefmodal").modal("hide");
26         })


标签: