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

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 创建动态 select 选项列表

I want to create dynamic select option list using javascript or jQuery

javascript

jquery

arrays

option