too long

Question

Following is the form:

<form id="transfer-questions-form" name="transfer_questions" action="{$control_url}modules/questions/transfer_questions.php" method="post" action="#">
    <input type="hidden" name="op" id="op" value="transfer question" >
      <div class="from-block">
        <div class="block-heading">
          <h3>From</h3>
        </div>
        <div class="form-fields">
          <ul>
            <li>
              <label>Subjects <span class="madatory">*</span></label>
              <div class="form-element">
                <select name="from_subject_id" id="from_subject_id" onchange="get_topics_by_subject(this.value, 'get_topics_by_subject_for_question_transfer_filter', '#from_topic_id'); return false;">
                <option value="">---Select---</option> 
                {foreach from=$all_subjects item=subjects key=key} 
                  <option value="{$subjects.subject_id}" {if $from_subject_id == $subjects.subject_id} selected="selected"{/if}>{$subjects.subject_name}</option>
                {/foreach}
            </select>
              </div>
            </li>
            <li>
              <label>Topics <span class="madatory">*</span></label>
              <div class="form-element">
                <select name="from_topic_id" id="from_topic_id">
               <option value="">---Select---</option> 
                  {foreach from=$all_from_topics item=topics key=key} 
                    <option value="{$topics.topic_id}" {if $from_topic_id==$topics.topic_id} selected="selected"{/if}>{$topics.topic_name}</option>
                  {/foreach}
             </select>
              </div>
            </li>
          </ul>
        </div>
      </div>
      <div class="to-block">
        <div class="block-heading">
          <h3>To</h3>
        </div>
        <div class="form-fields">
          <ul>
            <li>
              <label>Subjects <span class="madatory">*</span></label>
              <div class="form-element">
                <select name="to_subject_id" id="to_subject_id" onchange="get_topics_by_subject(this.value, 'get_topics_by_subject_for_question_transfer_filter', '#to_topic_id'); return false;">
                <option value="">---Select---</option> 
                {foreach from=$all_subjects item=subjects key=key} 
                  <option value="{$subjects.subject_id}" {if $to_subject_id == $subjects.subject_id} selected="selected"{/if}>{$subjects.subject_name}</option>
                {/foreach}
            </select>
              </div>
            </li>
            <li>
              <label>Topics <span class="madatory">*</span></label>
              <div class="form-element">
                <select name="to_topic_id" id="to_topic_id">
               <option value="">---Select---</option> 
                  {foreach from=$all_to_topics item=topics key=key} 
                    <option value="{$topics.topic_id}" {if $to_topic_id==$topics.topic_id} selected="selected"{/if}>{$topics.topic_name}</option>
                  {/foreach}
             </select>
              </div>
            </li>
          </ul>
        </div>
      </div>
            <a href="#deletePopContentMove" class="c-btn fl-right submit_move_form">Move Questions</a>
      <a href="#deletePopContentCopy" class="c-btn fl-right submit_copy_form">Copy Questions</a>

    </form>
<div class="hidden">
  <div id="deletePopContentMove" class="c-popup">
    <h2 class="c-popup-header">Move Questions</h2>
    <div class="c-content">

        <p><strong>Do you really want to move the questions?</strong></p>

        <a href="#"class="c-btn">No</a><a href="#"class="c-btn confirm_submit_form">Yes</a> 
      </div>
  </div>
</div>

<div class="hidden">
  <div id="deletePopContentCopy" class="c-popup">
    <h2 class="c-popup-header">Copy Questions</h2>
    <div class="c-content">

        <p><strong>Do you really want to copy the questions?</strong></p>

        <a href="#"class="c-btn">No</a><a href="#"class="c-btn confirm_submit_form">Yes</a> 
      </div>
  </div>
</div>
<script language="javascript" type="text/javascript">

$(document).ready(function() {                                                   
  $(".submit_move_form").click(function(e) { 
    $(".submit_move_form").colorbox({inline:true, width:666});  
        $(".c-btn").bind('click', function(){
        $.colorbox.close();
      });
  });

  $(".submit_copy_form").click(function(e) { 
    $(".submit_copy_form").colorbox({inline:true, width:666});  
    $(".c-btn").bind('click', function(){
      $.colorbox.close();
    });
  });

$(".confirm_submit_form").click(function(e) { 
    document.transfer_questions.submit();
});

});
</script>

Now I want to identify which button(link) is clicked by user after submission of a form. I'm not getting how to achieve it? In other words I've to identify whether Move Questions or Copy Questions. Can anyone help me in it please? Thanks in advance.

Answer 1

You can add an hidden input in your HTML:

<input type="hidden" id="action" name="action" value="" />

Then populate its value in your jQuery functions. Let's call it "action", then put in submit_move_form :

$("#action").val('move');

And in submit_copy_form :

$("#action").val('copy');

You'll just have to check $_POST['action'] to know which link have been clicked.

Hope this helps!