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

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>