Javascript Jquery get selected选项';s值和自定义属性值 var x=document.getElementById(“selectCity”); var期权=[“班加罗尔”、“普纳”、“加尔各答”]; 对于(变量i=0;i

Javascript Jquery get selected选项';s值和自定义属性值 var x=document.getElementById(“selectCity”); var期权=[“班加罗尔”、“普纳”、“加尔各答”]; 对于(变量i=0;i,javascript,jquery,html,Javascript,Jquery,Html,现在每个城市我都想储存我的圈名。并将其另存为属性,并在选择城市时通过。制作一个合适的选择器。.试试这个 var x = document.getElementById("selectCity"); var options = ["Bangalore", "Pune", "Kolkata"]; for(var i = 0; i < options.length; i++) { var opt = options[i]; var element = document.cr

现在每个城市我都想储存我的圈名。并将其另存为属性,并在选择城市时通过。

制作一个合适的选择器。.试试这个

var x = document.getElementById("selectCity"); 
var options = ["Bangalore", "Pune", "Kolkata"]; 

for(var i = 0; i < options.length; i++) {
    var opt = options[i];
    var element = document.createElement("option");
    element.textContent = opt;
    element.value = opt;
    x.appendChild(element);
}

$('select[name="cityDropdown"]').change(function(){
  cityName=$(this).val();
 });

是小提琴。

您可以将自定义属性硬编码到
选择的选项。比如说,

 $('#selectCity').change(function(){
       cityName = $(this).val(); 
       console.log(cityName); // do something
     });
HTML

var circle = $('option:selected', this).attr("circle");
注意:您还可以使用其他自定义属性(例如自定义属性城市)。但您只需要将城市用作选项的

以下是。

var x=document.getElementById(“selectCity”);
var期权=[“班加罗尔”、“普纳”、“加尔各答”];
对于(变量i=0;i
否我的问题是如何使我的城市列表成为二维数组,以便保存城市和圆形。在我的dripdown中,它被称为cityname,我想硬编码成circle&city列表,比如1.luckknow UP 2。巴特纳:比哈尔贾坎德3号。chdigard:punjab城市名称应显示在下拉列表中,当我选择并继续时,应传递我的城市名称以及圆圈名称
var circle = $('option:selected', this).attr("circle");
<select name="cityDropdown">
  <option circle="UP" value="Lucknow">Lucknow</option>
  <option circle="Bihar" value="Patana">Patana</option>
  <option circle="Punjab" value="Chandigarh">Chandigarh</option>
</select> 
$('select[name="cityDropdown"]').change(function(){
    var cityName = $(this).val();
    var circle = $('option:selected', this).attr("circle");
    console.log(cityName + " : " + circle);
});
var x = document.getElementById("selectCity"); 
var options = ["Bangalore", "Pune", "Kolkata"]; 

for(var i = 0; i < options.length; i++) {
    var opt = options[i];
    var element = document.createElement("option");
    element.textContent = opt;
    element.value = opt;
    element.setAttribute('circle-name', 'your value'); // your attribute
    x.appendChild(element);
}

$('select[name="cityDropdown"]').change(function(){
  cityName=$(this).val();
 });