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

Selecting multiple input parameter in dropdown in JS

本文关键字：输入 参数 选择 JS 下拉列表      更新时间：2023-09-26

我正在尝试创建一个下拉列表，其中包含两个输入参数（名称、IPAddress）。我已经声明了全局变量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>');
  }}

您的代码：

$('#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];
}
相关文章：