克隆具有多个DIV的DIV，其中包含使用selected（）

Question

enter image description here我有一个打开表单的模态，表单有4个字段的行

1. 选择输入字段
2. 文本
3. 选择输入字段（通过首选选择过滤）
4. 选择输入字段（通过第二次选择过滤）

我想用空值克隆这一行。我能够克隆它，但在克隆的行中，每当我尝试选择一个新值时，它只会扩展第一行中的第一个字段。

模态代码

<div id="add-ins-company">
<div class="form-group">
<div class="col-md-4">
<div class="input-group col-md-12">
<select id="mq_ins_company" name="mq_ins_company[]" class="modal-select-chosen" data-placeholder="Insurance Company" onchange="getpolicyclass(this.value);" required>
<option value=""></option>
<?php 
$company_id = mysqli_real_escape_string($GLOBALS['con'], $_SESSION['company_id']);
$sql = "select * from insurance_companies where ins_comp_company = $company_id";
$data = FetchMultipleData($sql);
for($i=0;$i<count($data);$i++) {
?>
<option value="<?php echo $data[$i]['ins_comp_id']; ?>"><?php echo $data[$i]['ins_comp_name'];?></option>
<?php } ?>
</select>
</div>
</div>
<div class="col-md-2">
<input type="email" id="mq_fees" name="mq_fees[]" class="form-control" placeholder="Fees" required="required">
</div>
<div class="col-md-3">
<div id="mq_class"></div>
</div>
<div class="col-md-3">
<div id="mq_size"></div>
</div>
</div>
</div>

的JavaScript

function addcompanyrow() {
  var row = $('#add-ins-company').clone(true);
  $(row).insertAfter("#add-ins-company");
}

有关以下内容的任何建议：

1. 清除所有输入值
2. 删除所选的类并在克隆的行上重新应用

Answer 1

一般来说：

如果列表是动态的，您应该有一些解决方法，例如：

• 考虑将php代移动到js函数中托管的外部ajax调用。

• 使用JQuery / KnockoutJS等第三方选项的绑定。

无论如何，如果我理解你的具体问题：

可以像这样清除输入值：

$('<the_input_selector>').removeAttr('value');

OR

$('<the_input_selector>').val('');

清除＆＃34;选择＆＃34;你还可以使用：

$('<the_select_selector>').val('');

如果存在空选项。或者你可以把它设置为第一个：

$('<the_select_selector>').prop('selectedIndex',0);

也可以删除课程：

$('<the_select_selector>').removeClass('modal-select-chosen');

然后您可以添加任何其他类：

$('<the_select_selector>').addClass('<any_other_class>');

祝你好运！