2017-09-14 49 views
0

如果我需要編輯我的問題,請在投票前聲明。如何更改佔位符和名稱從動態選擇選項使用jQuery

我創建了一個表單,當選擇一個選項。表格將顯示取決於所選的選項。我如何動態更改佔位符和名稱。此外,如果該選項被選中多次佔位符和名稱將增加像

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"); 
}); 

Works fine when i press add button

enter image description here

我需要的佔位符和名稱是動態的,取決於我選擇的選項,也使名稱增量例如name="vehicle1"如果添加其他選項,這將是name="vehicle2"

回答

0

我自學成才,所以有人請儘可能給我一個更好的方法。

創建具有全局作用域的計數器:

i = 0 

(函數內部)

Window[i] = 0 

增量,當他們選擇一個選項:

Window[i] ++ 

當你想設置的名稱和佔位符:

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