使用按钮弹出div表单

时间:2013-11-14 10:32:58

标签: javascript php html

我有以下代码行:

<?php foreach($prescription as $process){?>

      <button id="issue"> <?php echo $process['medname'];?> </button>



        <?php }?>

单击该按钮,将弹出以下div格式

<div id="dialog-form" title="Create new user">
  <p class="validateTips">All form fields are required.</p>

  <form action="<?php echo base_url()?>phamarcy/issues" method="post">
  <fieldset>
  <table>
  <tr>
  <th>Batch Number</th>

               <th>Quantity Requested </th>
               <th>Selling Price (Kshs:)</th>
               <th>Patients Name</th>
               <th>Requested  By</th>
  </tr>
    <tr>
    <td><select name="item_id" onChange="ChooseContact(this)"id="drug_id">
    <option value=""></option>
    <?php foreach($prescription as $drugs){?>    
   <option value="<?php echo $drugs['medname']."|".$drugs['total_quantity']."|".$drugs['expiry_date']."|".$drugs['selling_mark_up_price']."|".$drugs['amount']."|".$drugs['Patients_Name']."|".$drugs['unit_cost']?>"><?php echo $drugs['batch_number']?></option>

    <?php }?>
    </select>
    </td>
    <input type="text" name="batch_number" id="batch_number" value="" size="1" />
    <input type="text" name="item_id" id="item_id" value="" size="1" />
    <input type="text" name="opening_bal" id="opening_bal" value="">
    <td><input type="text" name="batch_no" id="batch_no" value="" size="1" disabled="disabled"/></td>
    <td><input type="text" name="exp_date" id="exp_date" value=""  size="1" disabled="disabled"/></td>
    <td><input type="text" name="opening" id="opening" value="" size="1" disabled="disabled" /></td>
    <td><input type="text" name="issues" id="issues" value="" size="1" /></td>
    <td><input type="text" name="closing_bal" id="closing_bal" value=""  size="1"/></td>
    <td><input type="text" name="service" id="service" value="" disabled="disabled">
    <input type="hidden" name="service_point" id="service_point" value=""/>
    </td>
    </tr>
    <tr>
    <td><input type="submit" value="Issue">
    </td>
    </table>
  </fieldset>
  </form>

</div>

从以下脚本中打开上面的div,其中包含详细信息:

<script>
    $(function() {
    $( "#dialog-form" ).dialog({
    autoOpen: false,
    height: 300,
    width: 1600,
    modal: true,
    buttons: {
    Cancel: function() {
    $( this ).dialog( "close" );
    }
    },
    close: function() {
    //allFields.val( "" ).removeClass( "ui-state-error" );
    }
    });
    $( ".issue" )
    .button()
    .click(function() {
    $( "#dialog-form" ).dialog( "open" );
    });
    });
    </script>

当我尝试点击按钮时,没有回应。有没有办法在点击php数据时弹出一个按钮?

1 个答案:

答案 0 :(得分:0)

我看不到任何带有class =“issue”的元素 将该类添加到要触发click事件的元素。 另外,我认为你应该删除.button()

$( ".issue" ).click(function() {
    $( "#dialog-form" ).dialog( "open" );
});