我正在尝试创建一个包含来自数据库的表格的组合框
<div class="col-md-6 col-sm-6 col-xs-12">
<fieldset>
<select class="select2_single form-control">
<option class="default" value=""></option>
<?php
$tampil=mysql_query("SELECT ID_KRITERIA, NAMA_KRITERIA FROM KRITERIA ORDER BY NAMA_KRITERIA");
while($w=mysql_fetch_array($tampil)) {
echo '<option value="' . $w['ID_KRITERIA'] . '">' . $w['NAMA_KRITERIA'] . '</option>'; }
?>
</select>
</fieldset>
然后我想在每次单击按钮时复制这个组合框 这是我的 Javascript
$( document ).ready(function () {
// set an on click on the button
$("#newKriteria").click(function () {
var newComboBox = $("fieldset").find("select").clone();
$('#step-3 div:eq(0)').after("<div class='item form-group'><label class='control-label col-md-3 col-sm-3 col-xs-12'> </label><div class='col-md-6 col-sm-6 col-xs-12'>"+newComboBox+"</div></div>");
$(newComboBox).select2({
placeholder: "Pilih Masukan",
allowClear: true
});
return false;
});
});
我尝试了一些方法
- 使用上面的 javascript,每次单击按钮时我的页面都会显示 [object Object]
- 使用 .html() 代替 .clone() = 组合框仅显示值(不使用 css)
有什么正确的方法可以做到这一点吗?
最佳答案
newComboBox
是一个 jQuery 对象,这就是为什么您最终拥有 [Object object],请尝试使用 newComboBox.val()
。它应该返回您克隆的选择的值(无论如何都需要克隆吗?)
关于Javascript - 尝试创建动态组合框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32678893/