Javascript 如何使用html选项标记并检查选择了哪个选项？_Javascript_Html_Option_Scroller

Javascript 如何使用html选项标记并检查选择了哪个选项？

javascript html

Javascript 如何使用html选项标记并检查选择了哪个选项？,javascript,html,option,scroller,Javascript,Html,Option,Scroller,我正在尝试添加一个滚动功能到我的网站。这个标签很适合这个，如果选择了一个选项，我想加载一个新的网站。这是我目前拥有的 <body> <script type="text/javascript"> $('document').ready(function(){ $('#button').click(function(){ var val = documen

我正在尝试添加一个滚动功能到我的网站。这个标签很适合这个，如果选择了一个选项，我想加载一个新的网站。这是我目前拥有的

<body>
<script type="text/javascript">
    $('document').ready(function(){
                        $('#button').click(function(){
                                var val = document.getElementById("scroll");
                                                       if(val.options[val.selectedIndex].value == 1){
                                                       window.location.replace("/passbook.html");
                                                       }else if(val.options[val.selectedIndex].value == 2){
                                                       window.location.replace("/settings.html");
                                                       }
                                                       });
                                           });
                        });
    </script>

<select id="scroll" style="height:50px; width:150px;" >
<optgroup label="Home">
<option value="0" >Home</option>
</optgroup>
<optgroup label="Page" >
<option value="1" >Page</option>
</optgroup>
<optgroup label="Other" >
<option value="2" >Settings</option>
</optgroup>
</select>
<button type="button">Go</button>
</body>


$（'document'）.ready（函数（）{
$（“#按钮”）。单击（函数（）{
var val=document.getElementById（“滚动”）；
如果（val.options[val.selectedIndex].value==1）{
window.location.replace（“/passbook.html”）；
}else if（val.options[val.selectedIndex].value==2）{
window.location.replace（“/settings.html”）；
}
});
});
});
家
页
设置
去

现在，单击go时没有任何明显的变化。我想重定向到那些页面。我知道window.location.replace（你的URL在这里）是有效的。有人能帮我使用javascript吗？

好的！据我所知，你的问题。如果您想在单击选项时重定向您的客户端，那么这可能会很有帮助

   <select id="opts" onchange="GotoPage()">
        <option value="0">SELECT</option>
        <option value="index.html">Home</option>
        <option value="page.html">Page</option>
        <option value="setting.html">Setting</option>
        <option value="go.html">Go</option>
    </select>


挑选
家
页
背景
去

脚本为：

<script type="text/javascript">
function GotoPage()
{
   var loc = document.getElementById('opts').value;
   if(loc!="0")
   window.location = loc;
}
</script>


函数GotoPage（）
{
var loc=document.getElementById（'opts'）。值；
如果（loc！=“0”）
window.location=loc；
}

好吧！据我所知，你的问题。如果您想在单击选项时重定向您的客户端，那么这可能会很有帮助

   <select id="opts" onchange="GotoPage()">
        <option value="0">SELECT</option>
        <option value="index.html">Home</option>
        <option value="page.html">Page</option>
        <option value="setting.html">Setting</option>
        <option value="go.html">Go</option>
    </select>


挑选
家
页
背景
去

脚本为：

<script type="text/javascript">
function GotoPage()
{
   var loc = document.getElementById('opts').value;
   if(loc!="0")
   window.location = loc;
}
</script>


函数GotoPage（）
{
var loc=document.getElementById（'opts'）。值；
如果（loc！=“0”）
window.location=loc；
}

添加

name=“scroll”

以选择标签

通过

var val=$（'select[name=“scroll”]option:selected'）.text（）获取选项的值

家
页
设置
去

js

$（'document'）.ready（函数（）{
$（“#按钮”）。单击（函数（）{
var val=$（'select[name=“scroll”]选项：selected'）。text（）；
如果（val==1）{
window.location.replace（“/passbook.html”）；
}else if（val==2）{
window.location.replace（“/settings.html”）；
}
});
});
});
添加name=“scroll”
以选择标签
通过var val=$（'select[name=“scroll”]option:selected'）.text（）获取选项的值

家
页
设置
去

js

$（'document'）.ready（函数（）{
$（“#按钮”）。单击（函数（）{
var val=$（'select[name=“scroll”]选项：selected'）。text（）；
如果（val==1）{
window.location.replace（“/passbook.html”）；
}else if（val==2）{
window.location.replace（“/settings.html”）；
}
});
});
});