Question

我有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]) );
    };

Answer 1

只需尝试以下

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>

我想使用JavaScript或jQuery创建动态选择选项列表

1 个答案: