在两个模态对话框上传递ID

时间:2017-03-27 06:09:37

标签: jquery twitter-bootstrap

我有一个包含链接的列表:

<a data-target="changemodal" data-ds="'.$e['DS1'].'" href="#">Link 1</a>
<a data-target="changemodal" data-ds="'.$e['DS2'].'" href="#">Link 2</a>
<a data-target="changemodal" data-ds="'.$e['DS3'].'" href="#">Link 3</a>
...

如果单击链接,则会打开引导模式并显示确认文本。 最后是“接受”或“关闭”按钮。

模态:

<div class="modal fade modal-content" role="basic" id="modal_changelayout" >
               <div class="modal-header">
                  <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                   <h4 class="modal-title font-purple-soft"><i class="icon-layers"></i> <i class="fa fa-refresh"></i> '.APP4::SETTINGS_109.'</h4>
            </div>
            <div class="modal-body">

            '.APP4::SETTINGS_110.'
            <div class="alert alert-danger alert-dismissable hide" id="msg_box_modal_newsite">
              <div id="msg_box_text_modal_newsite"></div>
            </div>

        </div>
        <div class="modal-footer">
             <input type="hidden" name="job" value="newsite">
             <button class="btn default submitForm" type="button" ><i class="fa fa-remove"></i> CLOSE </button>
             <button class="btn green-meadow submitForm"  type="button" ><i class="fa fa-refresh"></i> ACCEPT </button>
         </div>
          </form>
       </div>

如果你关闭,什么都不做。

如果您接受我必须将点击链接的“data-ds”中的id发送到php文件。

我该怎么做?

1 个答案:

答案 0 :(得分:0)

1.首先在模态中创建容器或隐藏文本,然后获取data-ds的值并将其传递给容器。

在这种情况下,我将添加

$('a').on('click',function(){
   var val = $(this).data("ds");
  $("#data-value").val(val);
});
  1. 当用户在ajax

    中接受时,接下来使用该值

    $(&#34;。绿色草甸&#34)上(&#39;单击&#39;,函数(){

    var values = $(&#39; form&#39;)。serialize();

    $。AJAX({

     method: "POST",
     url:  'URL OF YOUR PHP FILE',
     data: values,
     dataType: 'json',
     success:function(getdata)
     { 
       if(getdata){
       }else{
       }
      } 
    

    });

    });