[英]Populate the dropdown based on another input for multiple fields
我想基於另一個輸入值獲取下拉值,並且我使用添加按鈕以動態方式創建下拉列表。 我如何獲得適當的價值。
選擇機架名稱->要使用添加按鈕獲取機架系列的下拉列表,我必須要創建許多這樣的字段
在此先感謝,請任何人為此提供解決方案。
function get_rack_series() {
var rack = document.getElementsByClassName('rack');
for (i = 0; i < rack.length; i++) {
$.post(base_url+'suggest/get_rack_series',
{
rack_name:rack[i].value
},
function(res){
$('.rs').html(res);
}
);
}
}
This for add function
$(function() {
var addDiv = $('#addinput');
var i = $('#addinput p').size() + 1;
$('#addNew').live('click', function() {
$('<p><select name="rack[]" id="rack'+i+'" class="rack select_small caps_txt validate[required]" onchange="get_rack_series();"><option value="">select</option><?php if(isset($get_rack_name)){foreach($get_rack_name as $rck){?> <option value="<?php echo $rck['rack_name'];?>"><?php echo $rck['rack_name'];?></option><?php }}?></select> <span id="rs" class="rs"></span> <input type="text" id="partnumber_' + i +'" name="partnumber[]" type="text" class="input4 validate[required] caps_txt" onblur="get_exists_status();"/><a href="#" id="remNew">Remove</a> </p>').appendTo(addDiv);
i++;
return false;
});
$('#remNew').live('click', function() {
if( i > 1 ) {
$(this).parents('p').remove();
i--;
}
return false;
});
});
HTML代碼
<td width="263">
<div id="addinput">
<p>
<select name="rack_name[]" id="rack_name1" class="rack select_small caps_txt validate[required]" onchange="get_rack_series();">
<option value="">select</option>
<?php
if(isset($get_rack_name)) {
foreach($get_rack_name as $rck)
{?>
<option value="<?php echo $rck['rack_name'];?>"><?php echo $rck['rack_name'];?></option>
<?php
}
}
?>
</select>
<span id="rs" class="rs"></span>
<input name="partnumber[]" type="text" class="input4 validate[required] caps_txt" id="partnumber" onblur="get_exists_status();" />
</p>
</div>
</td>
我想說的是, echo
所有選項,並向機架名稱中添加類,然后隱藏並顯示onchange
。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.