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

问题描述 投票:0回答:1

我有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]) );
    };
javascript jquery arrays option
1个回答
0
投票

只需尝试以下

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>
© www.soinside.com 2019 - 2024. All rights reserved.