Php 如何在克隆的选择菜单列表中选择值-JQuery Mobile
我正在使用“动态添加/删除字段”脚本,该脚本基于Charlie Griefe的伟大文章。但是,当我尝试克隆选择菜单时,jQuery Mobile只允许我选择静态选择菜单中的值 克隆我的选择菜单的脚本Php 如何在克隆的选择菜单列表中选择值-JQuery Mobile,php,jquery,jquery-mobile,Php,Jquery,Jquery Mobile,我正在使用“动态添加/删除字段”脚本,该脚本基于Charlie Griefe的伟大文章。但是,当我尝试克隆选择菜单时,jQuery Mobile只允许我选择静态选择菜单中的值 克隆我的选择菜单的脚本 <script> $(document).ready(function() { $('#btnAdd').click( function() { $('#btnDel').removeAttr('disabled').button('enable');
<script>
$(document).ready(function() {
$('#btnAdd').click( function() {
$('#btnDel').removeAttr('disabled').button('enable'); // enable the "del" button
// how many "duplicatable" input fields we currently have
var num = $('.clonedInput').length;
// the numeric ID of the new input field being added
var newNum = new Number(num + 1);
var newElem = $('#input' + num ).clone().attr('id', 'input' + newNum);
newElem.children(':first').attr( 'id', 'name' + newNum ).attr('name', 'name_label[]');
$('#input' + num).after(newElem);
// business rule: limit the number of fields to 5
if (newNum == 5) {
$('#btnAdd' ).attr('disabled', 'disabled').button('disable');
$('#btnAdd').parent().find('.ui-btn-text').text('maximum fields reached');
}
});
$( '#btnDel' ).click( function() {
// how many "duplicatable" input fields we currently have
var num = $( '.clonedInput' ).length;
// remove the last element
$('#input' + num ).remove();
// enable the "add" button, since we've removed one
$('#btnAdd').removeAttr('disabled').button('enable');
$('#btnAdd').parent().find('.ui-btn-text').text('add another name');
// if only one element remains, disable the "remove" button
if ( num-1 == 1 )
$('#btnDel' ).attr('disabled', 'disabled').button('disable');
});
});
</script>
$(文档).ready(函数(){
$('#btnAdd')。单击(函数(){
$(“#btnDel”).removeAttr('disabled').button('enable');//启用“del”按钮
//我们目前有多少个“可复制”输入字段
var num=$('.clonedInput').length;
//正在添加的新输入字段的数字ID
var newNum=新的数字(num+1);
var newElem=$('#input'+num).clone().attr('id','input'+newNum);
newElem.children(':first').attr('id','name'+newNum).attr('name','name_label[]);
$('#input'+num).after(newElem);
//业务规则:将字段数限制为5
如果(newNum==5){
$('btnAdd').attr('disabled','disabled').button('disabled');
$('#btnAdd').parent().find('.ui btn text').text('已达到最大字段');
}
});
$('#btnDel')。单击(函数(){
//我们目前有多少个“可复制”输入字段
var num=$('.clonedInput').length;
//删除最后一个元素
$('#输入'+num).remove();
//启用“添加”按钮,因为我们已经删除了一个
$('#btnAdd').removeAttr('disabled').button('enable');
$('#btnAdd').parent().find('.ui btn text').text('add other name');
//如果只剩下一个元素,请禁用“删除”按钮
如果(num-1==1)
$('btnDel').attr('disabled','disabled').button('disabled');
});
});
选择菜单:
div id="input1" class="clonedInput" style="margin-bottom: 4px;">
<div data-role="fieldcontain">
<label for="item_ordered">Ordered Item:</label>
<?php
$conn = new mysqli('localhost', 'root', 'root', 'retail_management_db')
or die ('Cannot connect to db');
$result = $conn->query("SELECT item_Id,itemName FROM CompanyInventory");
echo '<select name="itm_order" value="'.escape(Input::get('itm_order')).'"><option>Select Item</option>';
while ($row = $result->fetch_assoc()) {
unset($id, $name);
$id = $row['item_Id'];
$name = $row['itemName'];
echo '<option value="'.$name.'">'.$name.'</option>';
}
echo '</select>';
?>
</div>
<div data-role="fieldcontain">
<label for="item_ordered">Units:</label>
<input type="text" name="quantity" id="quantity" value="<?php echo escape(Input::get('quantity')); ?>">
</div>
</div>
<div>
<input id="btnAdd" type="button" value="Add another item" data-inline="true">
<input id="btnDel" type="button" value="Remove item" disabled="disabled" data-inline="true">
</div>
divid=“input1”class=“clonedInput”style=“页边距底部:4px;”>
订购物品:
单位:
我还尝试使用jQuery移动选择菜单表单小部件,而不是使用php动态显示它。