如何使用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])