javascript - 在JS中选择下拉列表中的多个输入参数

Question

我正在尝试创建一个带有两个输入参数(名称、IP 地址)的下拉列表。我已经声明了全局变量 Name 和 IP 来跟踪已选择的名称和 IP 地址。但是，我遇到的问题是它无法识别 IP 地址。单个名称可以有多个 IP 地址，当在下拉列表中选择它时，我想同时识别名称和 IP 地址:(

任何对此的建议将不胜感激!谢谢!

 //called after name changed
 function selectName(){
   Name = $(#"name :selected").val();
  }

//create dropdown list for name and IPAddress
function createDropList (name, IPAddress){
  $('#name').empty();
  $('#name').append('<option disabled selected value=""> Select Name </option>');
    for (var i=0; i<IPAddress.length; i++) {
        $('#name').append('<option value= "'+name[i]+'" >'+IPAddress[i] + " (IP :"+IPAddress[i] +")" +'</option>');
  }}

Answer 1

您的代码:

$('#name').append('<option value= "'+name[i]+'" >'+
    IPAddress[i] + " (IP :"+IPAddress[i] +")" +'</option>');

生成这个:

<option value= "name" >1.2.3.4 (IP :1.2.3.4)</option>

您需要:

$('#name').append('<option value= "'+name[i]+':'+
    IPAddress[i] + '">(IP :"'+IPAddress[i] +")" +'</option>');

生成:

<option value= "name:1.2.3.4">(IP :1.2.3.4)</option>

这样，您的值将是用冒号 (:) 分隔的名称和 IP

要将全局变量“IP”设置为选定时的值:

$('#name').on('change', function() {
    var value= $('#name').val().split(':');
    Name= value[0];
    IP= value[1];
}