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

我正在尝试向我的网站添加滚动功能。该标签对此很有效，如果选择了一个选项，我想加载一个新网站。继承人我现在有什么。如何使用html选项标签并检查选择了哪个选项？

<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>

现在没有什么明显的情况发生，当点击去。我想重定向到这些页面。我知道window.location.replace（你的URL在这里）的作品。有人可以帮助我的JavaScript？

来源

2013-11-14 Wyatt

好吧！据我了解你的问题。如果要重定向您的选项点击客户端那么这可能是有益的

<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>

来源

2013-11-14 19:36:51

添加name="scroll"选择标签

通过var val = $('select[name="scroll"] option:selected').text();

采取的期权的价值

<body> 
    <select id="scroll" name="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>

<script type="text/javascript"> 
    $('document').ready(function(){ 
         $('#button').click(function(){ 
           var val = $('select[name="scroll"] option:selected').text(); 
                 if(val == 1){ 
                 window.location.replace("/passbook.html"); 
                 }else if(val == 2){ 
                 window.location.replace("/settings.html"); 
                 } 
                 }); 
              }); 
         }); 
    </script>

来源

2013-11-14 19:41:24 user2249160

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

回答

相关问题