[英]Pop up div form using a button
我有以下代碼行:
<?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數據的按鈕彈出?
我看不到任何帶有class =“ issue”的元素將該類添加到要觸發click事件的元素中。 另外,我認為您應該刪除.button()
$( ".issue" ).click(function() {
$( "#dialog-form" ).dialog( "open" );
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.