我有3个数组一个用于值,第二个用于选项名称,第三个用于价格。
我想使用值和选项名称创建动态选项列表(值是通道ID和通道名称)
选择频道名称显示其他文本框中频道的价格总和
我使用下面的查询来显示动态选项名称。
var select = document.getElementById("selectNumber4");
var options = channel;
console.log(options);
$('#selectNumber4').html('');
for( option in options ) {
select.add( new Option( options[option]) );
};
只需尝试以下
var select = $("<select></select>");
var chanels = ["chanel1", "chanel2", "chanel3"]
var chanelValue = ["1", "2", "3"]
for(var i=0;i<chanels.length;i++){
var option = $("<option></option>");
$(option).val(chanelValue[i]);
$(option).html(chanels[i]);
$(select).append(option);
}
$(".default").append(select);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="default">
<div>