如何使用jQuery动态更改select选项中的占位符和名称

Question

如果我需要编辑我的问题，请在拒绝投票之前说明。

我正在创建一个表单，当选择一个选项时。 将出现一个表格，具体取决于所选的选项。 如何动态更改占位符和名称。 同样，如果多次选择该选项，则占位符和名称将像

placeholder="holder1" name="name1"

placeholder="holder2" name="name2"

这是我的代码：

树枝文件

<select class="form-control" id="collaterals" name="loan_type_id" required>
    <option disabled value="0" selected}>-- Select Collateral --</option>
    <option value="" id="veh_coll">Vehicle</option>
    <option value="" id="hal_coll">House and Lot</option>
    <option value="" id="lot_coll">Lot</option>
</select>

jQuery的

jQuery(document).on('click',"#removeThis",function(e){
    jQuery(this).closest('tr').remove();
    e.preventDefault();
});

jQuery("#addType").click(function() {
    var selectedType = jQuery('#collaterals :selected').text();
    jQuery("#nfo").clone().appendTo('tbody');
    jQuery("#addTypeText").val(selectedType);
    jQuery("#nfo").removeClass("hidden-xs-up");
});

我需要占位符，并且名称要动态，这取决于我选择的选项，并且还要使名称递增，例如， name="vehicle1"如果添加另一个选项，它将为name="vehicle2"

Answer 1

我是自学成才的，所以如果可以的话，请给我展示一种更好的方法。

创建一个具有全局范围的计数器：

i = 0 

（在函数内部）

Window[i] = 0 

他们选择一个选项时的增量：

Window[i] ++

当您要设置名称和占位符时：

$(input).attr("placeholder", newValue + window[i])
$(input).attr("name", newValue + window[i])