设置文本框的值在开模态使用JavaScript动态

在按钮点击这样设置文本框的值在开模态使用JavaScript动态

<a href="#edit-venue" class="btn green editButton" data-toggle="modal" data-id="2" data-placement="bottom" title="Edit"><i class="icon-note"></i></a>

莫代尔

<div id="edit-venue" class="modal fade portlet" tabindex="-1" aria-hidden="true"> 
    <div class="modal-dialog"> 
             <form class="form-horizontal" id="editVenue" method="post"> 
              <div class="modal-content"> 
               <div class="modal-header"> 
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button> 
                <h4 class="modal-title">Edit Venue Detail</h4> 
               </div> 
               <div class="modal-body"> 

                <div class="form-group"> 
                 <label class="control-label col-sm-3"><b>Venue12</b></label> 
                 <div class="control-label col-sm-9 text-left"> 
                  <input id="venue" name="venue" class="form-control venue_name" placeholder="Enter venue" type="text"> 
                  <span class="error"></span> 

                  <span class="error"></span> 
                 </div> 
                </div> 
                <div class="form-group"> 
                 <label class="control-label col-sm-3"><b>Room/Stage</b></label> 
                 <div class="control-label col-sm-9 text-left"> 
                  <input id="roomStage" name="roomStage" class="form-control" placeholder="Enter room/stage" type="text"> 
                  <span class="error"></span> 
                 </div> 
                </div> 

               </div> 
               <div class="modal-footer"> 
                <button type="button" data-dismiss="modal" class="btn red">Cancel</button> 
                <button type="button" data-dismiss="modal" class="btn green btn_save">Save</button> 
               </div> 
              </div> 
             </form> 
            </div> 
           </div>

开放模型当我点击按钮打开模式，我想上点击按钮动态使用javascript填充特定文本框中的数据。

按钮点击我得到响应这样{"id":67,"value":"venue 1","Xvalue":"venue 1"}

我想：$('#venue_name').val(msg.value);

但不是#venue_name我想用closest()。
我该怎么做？

来源

2016-11-23 keyz.Mist

查找'模型opened'事件，然后分配值.. – Rayon

你将只能得到你的模型后生成的文本元素是开放的，在上面的注释中提到，查找'model-opened'事件，用一个存取器获取文本框并为其赋值... – gkb

使用'$（'。venue_name'）'而不是'$（ '#_name'）''value_name'是类名而不是id –

如果我理解您的问题是正确的，您希望从消息中设置模型输入框中的值。

您需要使用模态的shown.bs.modal事件。

var msg = {"id":67,"value":"venue 1","Xvalue":"venue 1"}; 

$('#edit-venue').on('show.bs.modal', function (e) { 
    $("#venue").val(msg.value); 
})

的jsfiddle：https://jsfiddle.net/01zrxq7y/1/

自举文件：http://getbootstrap.com/javascript/#modals-events

来源

2016-11-23 06:41:23 tejashsoni111

我在单页上有多个模式，所以如何管理多个模态文本框？在这里，你使用表单id为合适的形式，但多个表单如何管理？ –

@ keyz.Mist你可以更新我的JSFIDDLE，并告诉我你的HTML将如何，我将能够帮助你。 – tejashsoni111

你能帮我吗？我更新了你的JSFIDDLE。在html和javascript中修改。 –

设置文本框的值在开模态使用JavaScript动态

回答

相关问题