如何解决PHP在JQUERY内部选择选项的FOREACH循环
我在表格中有一个工作选择框。
<tr>
<td>
<select name="type" class="inputbox input_table2 table2_index_4" id="item_type">
<?php foreach ($item_type as $type) { ?>
<option value="<?php echo $type->id ?>"><?php echo $type->name ?></option>
<?php } ?>
</select>
</td>
</tr>
这是我的情况 我的表格行附加了触发按钮 那么如何在jQuery中编码此循环
我是JavaScript库的初学者,这是我在JQuery中尝试的工作
<?php
$addtablerow = '
$(document).on("click",".add_row_button",function(e) {
e.preventDefault();
var add_new_row = "<tr class=\'row\'> \
<td><select name=\'type\' id=\'item_type\' class=\'item_type\'> \
<?php foreach ($item_type as $type) { ?> \
<option vlaue=\'<?php echo $type->id ?>\'> <?php echo $type->name ?> </option> \
<?php } ?> \
</select> \
</td> \
</tr>";
$("table#item_type tbody").append(add_new_row);
indexassigner();
});
';
$this->registerJs($addtablerow,View::POS_READY);
?>
谢谢
解决方法
第一个选择框即type
对于所有trs都是相同的,因此您可以使用clone()
方法来获取表中可能已经存在的第一个选择框的克隆,然后通过与动态生成的html代码相同。
演示代码 :
$(document).on("click",".add_row_button",function(e) {
e.preventDefault();
var slects = $('#item_type tr:first').find("select[name=type]").clone(); //get options clone them
var add_new_row = "<tr class='row'><td><select name = 'type' id='item_type' class='item_type'>" + $(slects).html() + "</select></td> </tr>"; //same same inside slect-box
$("table#item_type tbody").append(add_new_row);
//indexassigner();
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table id="item_type">
<tbody>
<tr>
<td>
<select name="type" class="inputbox input_table2 table2_index_4" id="item_type">
<!--dummy datas-->
<option value="1">X</option>
<option value="2">Y</option>
<option value="3">Z</option>
</select>
</td>
</tr>
</tbody>
</table>
<button class="add_row_button">Add more </button>
,
我感谢@Swati向我介绍了clone()属性,并感谢cauz,我以前不知道。 这是我发现将PHP代码作为字符串附加到jQuery的最简单方法。
内桌
<tr>
<td>
<select name="type[]" class="item_type inputbox input_table2 table2_index_4">
<?php
$code_as_string = "<select name='type[]' class='item_type inputbox input_table2' >";
foreach ($item_type as $type) {
?>
<option value="<?php echo $type->id ?>"><?php echo $type->name ?></option>
<?php
$code_as_string .= "<option value='" . $type->id . "'>" . $type->name . "</option>";
}
$code_as_string .= "</select>";
?>
</select>
</td>
</tr>
只需将变量 $ code_as_string 附加到jQuery部分
<?php
$addtablerow = '
$(document).on("click",function(e) {
e.preventDefault();
var add_new_row = "<tr class=\'row\'><td>' . $code_as_string . ' </td> </tr>";
$("table#item_type tbody").append(add_new_row);
indexassigner();
});
';
$this->registerJs($addtablerow,View::POS_READY);
?>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。