Javascript 使选择列表中的每个选项成为指向不同页面的超链接

如何使选择列表中的每个单词都成为指向另一页的超链接

当

排行榜

选择动态填充选项（根据下面的代码）时，我希望使选项可单击并将其重定向到指定页面

<select id='standings' name='standings' onchange="listTeam(this)">
    <option value='0'>A</option>
    <option value='1'>B</option>
    <option value='2'>C</option>
    <option value='3'>D</option>
</select>

<select id='leaderBoard' name='leaderBoard' multiple="multiple" size="1" style="width: 100px;"> </select>

<script type="text/javascript">

    var teams = [
                "x y z ",
                "e r t z u ",
                "w e r t",
            ],

            listTeam = function listTeam(sel) {
                var val = document.getElementById('standings').value, //get the selected value
                        team = teams[val], //get the selected team, based on value
                        lb = document.getElementById('leaderBoard'); //get the leaderBoard select element

                lb.options.length = 0;

                var people = team.trim().split(/\s/);
                for (var j = 0; j < people.length; j++) {
                    var opt = document.createElement('option')
                    opt.innerText = people[j];
                    lb.appendChild(opt);
                }
            };
    listTeam();

</script>

A.
B
C
D
风险值团队=[
“x y z”，
“e r t z u”，
“We r t”，
],
listTeam=功能listTeam（sel）{
var val=document.getElementById（'standings'）.value，//获取所选值
team=teams[val]，//根据值获取所选团队
lb=document.getElementById（'排行榜'）；//获取排行榜选择元素
lb.options.length=0；
var people=team.trim（）.split（/\s/）；
对于（var j=0；j

仅使用测试将需要更改数组等来处理其余部分，在

上的“value=”内设置URL，选择重定向窗口位置

   var teams = [
       "x y z ",
       "e r t z u ",
       "w e r t", ];

   var urls = ["www.a.com", "www.a1.com", "www.a2.com"];

   listTeam = function listTeam(sel) {
       var val = document.getElementById('standings').value, //get the selected value
           team = teams[val], //get the selected team, based on value
           lb = document.getElementById('leaderBoard'); //get the leaderBoard select
       lb.options.length = 0;

       var people = team.trim().split(/\s/);

       for (var j = 0; j < people.length; j++) {
           var opt = document.createElement('option')
           opt.value = urls[j];
           opt.innerText = people[j];
           lb.appendChild(opt);
       }

       lb.onchange = function () {
           console.log("change");
           if (this.selectedIndex) {
               window.location.href = this.value;
           }
       }
   };
   listTeam();

var团队=[
“x y z”，
“e r t z u”，
"we r t",；
var URL=[“www.a.com”、“www.a1.com”、“www.a2.com”]；
listTeam=功能listTeam（sel）{
var val=document.getElementById（'standings'）.value，//获取所选值
team=teams[val]，//根据值获取所选团队
lb=document.getElementById（'排行榜'）；//获取排行榜选择
lb.options.length=0；
var people=team.trim（）.split（/\s/）；
对于（var j=0；j

html

A.
B
C
D

选择

s不能包含锚定（超链接）。你到底想做什么？“我怎么能从我的选择中找到每一个单词呢”我想你偶然发现了一个单词。var teams=[“x y z”，“e r t z u”，“w e r t”…..我想例如“x”是指向另一个页面的超链接

<select id='standings' name='standings' onchange="listTeam(this)">
    <option value='0'>A</option>
    <option value='1'>B</option>
    <option value='2'>C</option>
    <option value='3'>D</option>
</select>
<select id='leaderBoard' name='leaderBoard' multiple="multiple" size="1" style="width: 100px;">