如何获得jquery和模态窗口的按钮ID?

时间:2015-12-31 05:36:24

标签: javascript php jquery html modal-dialog

我有一个HTML表单,单击该按钮将生成一个模态窗口。按钮如下。

<button type="button" class="btn" id="gs_one" data-toggle="modal" data-target="#BASIC">Get Started</button>

推出的模式类型将是&#34; basic&#34;类型。 Modal实际上是另一种形式,然后通过POST方法提交给另一个PHP页面。模态如下。

<div class="modal fade" id="BASIC" role="dialog">
   <div class="modal-dialog modal-lg">
      <div class="modal-content">
         <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal">&times;</button>
            <h4 class="modal-title">Header</h4>
         </div>
         <div class="modal-body">
            <form class="contact-work-form2 mar" id="contact-form" action="" method="post">
               <div class="text-input">
                  <div class="float-input">
                     <input type="text" placeholder="Name" id="name2" name="name" required>
                  </div>
                  <div class="float-input2">
                     <input type="text" placeholder="Email" id="mail2" name="mail" required>
                  </div>
               </div>
               <div class="text-input">
                  <div class="float-input">
                     <input type="text" placeholder="Phone" id="phone" name="phone" required>
                  </div>
                  <div class="float-input2">
                     <input type="text" placeholder="Company" id="company" name="company" required>
                  </div>
               </div>
               <div class="text-input">
                  <div class="float-input1">
                     <input type="text" required name="country" id="country" placeholder="Country">
                  </div>
               </div>
               <input type="submit" value="Submit" class="submit_contact main-form" name="mailing-submit">
            </form>
         </div>
         <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
         </div>
      </div>
   </div>
</div>

我可以发布到PHP页面。但是,在发布时,我还需要传递一个变量,该变量具有启动模态的按钮的值或ID。

2 个答案:

答案 0 :(得分:6)

您可以通过

访问按钮ID
DELETE FROM New_opinion n WHERE n.comment,n.Date,n.company_id 
IN( 
    SELECT temp.comment,temp.Date,temp.company_id FROM 
    (SELECT comment,Date,company_id, id,date,count(*) AS rep,comment
     FROM New_opinion 
     GROUP BY comment,Date,company_id 
     HAVING rep>1 ) temp);

答案 1 :(得分:1)

尝试以下代码,

  1. 当您点击按钮时,它将获取模态的相应ID。
  2. 该ID将作为隐藏字段添加到表单中。
  3. 提交表单时,可以访问服务器端的数据。
  4. <script type="text/javascript">
    function appendHiddenDiv(){
        var modalNameWithHash = $(this).attr('data-target');
        var modalName = modalNameWithHash.substring(1)
        $('<input>').attr({
            type: 'hidden',
            name: 'plan',
            value: modalName
        }).appendTo(modalNameWithHash+' '+'form');
    }
    $(document).on("click",'button[data-toggle="modal"]', appendHiddenDiv);
    </script>
    

    我希望这会有所帮助。

相关问题