2017-09-14 48 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]) 
相关问题