Javascript 添加带有属性的新选择选项

我想将href属性添加到我的选择列表（CountryList）元素中：

var s = document.getElementById('CountryList');

var option = document.createElement("option");
option.text = "FR";
option.value = "FR";
option.setAttribute('href', 'https://www.facebook.com/');
s.add(option);

var option2 = document.createElement("option");
option2.text = "EN";
option2.value = "US";
option2.setAttribute('href', 'https://www.facebook.com/');
s.add(option2);

var option3 = document.createElement("option");
option3.text = "AR";
option3.value = "AR";
option3.setAttribute('href', 'https://www.google.com/');
s.add(option3);

var option4 = document.createElement("option");
option4.text = "ES";
option4.value = "ES";
option4.setAttribute('href', 'https://www.yahoo.com/');
s.add(option4);

var option5 = document.createElement("option");
option5.text = "IT";
option5.value = "IT";
option5.setAttribute('href', 'https://www.youtube.com/');
s.add(option5);

当我选择一个选项时，它会将我重定向到特定的href地址，但目前它只会将我重定向到“yahoo”和“youtube”，而其他元素不会重定向。

试试这个

var s=document.getElementById（'CountryList'）；
var option=document.createElement（“选项”）；
option.text=“FR”；
option.value=“FR”；
option.setAttribute（'data-href'，'https://www.facebook.com/') ;
s、 添加（选项）；
var option2=document.createElement（“选项”）；
选项2.text=“EN”；
选项2.value=“美国”；
option2.setAttribute（'data-href'，'https://www.facebook.com/') ;
s、 添加（选项2）；
var option3=document.createElement（“选项”）；
选项3.text=“AR”；
选项3.value=“AR”；
option3.setAttribute（'data-href'，'https://www.google.com/') ;
s、 添加（选项3）；
var option4=document.createElement（“选项”）；
选项4.text=“ES”；
选项4.value=“ES”；
option4.setAttribute（'data-href'，'https://www.yahoo.com/') ;
s、 添加（选项4）；
var option5=document.createElement（“选项”）；
option5.text=“IT”；
选项5.value=“IT”；
选项5.setAttribute（'data-href'，'https://www.youtube.com/') ;
s、 添加（选项5）；
函数重定向（obj）{
window.open（obj.selectedOptions[0].getAttribute（“数据href”））
}

选择国家

试试这个

var s=document.getElementById（'CountryList'）；
var option=document.createElement（“选项”）；
option.text=“FR”；
option.value=“FR”；
option.setAttribute（'data-href'，'https://www.facebook.com/') ;
s、 添加（选项）；
var option2=document.createElement（“选项”）；
选项2.text=“EN”；
选项2.value=“美国”；
option2.setAttribute（'data-href'，'https://www.facebook.com/') ;
s、 添加（选项2）；
var option3=document.createElement（“选项”）；
选项3.text=“AR”；
选项3.value=“AR”；
option3.setAttribute（'data-href'，'https://www.google.com/') ;
s、 添加（选项3）；
var option4=document.createElement（“选项”）；
选项4.text=“ES”；
选项4.value=“ES”；
option4.setAttribute（'data-href'，'https://www.yahoo.com/') ;
s、 添加（选项4）；
var option5=document.createElement（“选项”）；
option5.text=“IT”；
选项5.value=“IT”；
选项5.setAttribute（'data-href'，'https://www.youtube.com/') ;
s、 添加（选项5）；
函数重定向（obj）{
window.open（obj.selectedOptions[0].getAttribute（“数据href”））
}

选择国家

在定义

var s=document…

之后添加以下内容：

s.onchange = function() {
    var sel = this.options.selectedIndex;
    window.location = this.options[sel].getAttribute('href');
}

---

定义

var s=document…

后，添加以下内容：

s.onchange = function() {
    var sel = this.options.selectedIndex;
    window.location = this.options[sel].getAttribute('href');
}

---

这个问题让我感到困惑，因为它被标记为

jquery

，但是为了简化这个问题，您避免了很多明显的jqueryapi

var countries=$（“#CountryList”）；
国家。附加([
$（''）.text（'FR'）.attr({
值：“FR”，
href:'https://www.facebook.com/'
}),
$（''）.text（'EN'）.attr({
价值观：“美国”，
href:'https://www.facebook.com/'
})
])
关于（‘变更’、功能（）{
window.location=$（this.find（':selected'）.attr（'href'）；
})

---

这个问题让我感到困惑，因为它被标记为

jquery

，但是为了简化这个问题，您避免了很多明显的jqueryapi

var countries=$（“#CountryList”）；
国家。附加([
$（''）.text（'FR'）.attr({
值：“FR”，
href:'https://www.facebook.com/'
}),
$（''）.text（'EN'）.attr({
价值观：“美国”，
href:'https://www.facebook.com/'
})
])
关于（‘变更’、功能（）{
window.location=$（this.find（':selected'）.attr（'href'）；
})

以及是什么触发了从所选选项的

href

属性的重定向？以及是什么触发了从所选选项的

href

属性的重定向？由于OP没有使用

value

属性，更好的方法是将

value

设置为页面的url。这样，通过添加这个

onChange=“window.location.href=this.value”

就不需要

redirect

函数了。是的，这也是一种方法。是的，这样比较容易，但我想保留这个值，因为我需要它。谢谢你的帮助：DWelcome。很高兴听到这对您有帮助：）：DAs OP没有使用

值

属性，更好的方法是将

值

设置为页面的url。这样，通过添加这个

onChange=“window.location.href=this.value”

就不需要

redirect

函数了。是的，这也是一种方法。是的，这样比较容易，但我想保留这个值，因为我需要它。谢谢你的帮助：DWelcome。很高兴听到这对您有帮助：）：D@MaryemSamet如果您在JS中创建了大量HTML节点，我建议您使用@MaryemSamet之类的帮助器库如果您在JS中创建了大量HTML节点，我建议您使用@MaryemSamet之类的帮助器库