HTML下拉框重定向

只是把一个简单的html网页放在一起，我想添加一个下拉框，我会选择一个选项，它会根据选择的内容显示文本。HTML下拉框重定向

我有这个到目前为止。我知道我可能不得不使用JavaScript，但我不知道从哪里开始。

<html> 
<head> 
<title> My webpage </title> 
</head> 
<body> 
<h1> Times Tables! </h1> 
<p> Click on the drop down box to select the tables you want to see </p> 


<select> 
<option value="Please select">Please select</option> 
<option value="1x0 =0 1x1 =1 1x2 =2 1x3 =3">1 time table</option> 
<option value="2 times table">2 times table</option> 
<option value="3 times table">3 times table</option> 
<option value="4 times table">4 times table</option> 
<option value="5 times table">5 times table</option> 
<option value="6 times table">6 times table</option> 
<option value="7 times table">7 times table</option> 
<option value="8 times table">8 times table</option> 
<option value="9 times table">9 times table</option> 
<option value="10 times table">10 times table</option> 
<option value="11 times table">11 times table</option> 
<option value="12 times table">12 times table</option> 

</select> 
<p> 
</p> 

</body> 
</html>

感谢

来源

2015-11-06 Arianna.Ellen

举一个ID来选择标签。就像

<select id="selected">

然后jQuery代码：

<script type="text/javascript"> 

    $(document).ready(function(){ 
     $('#selected').change(function(){ 
     alert($(this).val());               

     }); 
</script>

来源

2015-11-06 10:05:22

谢谢！这帮助了很多 –

如果我理解正确的UR的问题..你要求，如何让所选择的选项的文字。如果是这样，给一个名称和ID来<select>箱..

<select name='sel_name' id='sel_name' onchange='get_selected()'>

，然后使用JavaScript和调用该函数选择框onchange ..

function get_selected() 
{ 
//this will get you the selected option's text  
document.getElementById('sel_name').options[document.getElementById('sel_name').selectedIndex].text; 

// to just get the value of the select box you can use 
document.getElementById('sel_name').value; 
}

来源

2015-11-06 10:01:50 phpfresher

你说得对，你想使用JavaScript。事实上，使用jQuery对于事件处理来说会更好。

如果创建了一个功能 $('#selectID').on('change', function(){}); （你必须给你的选择，并通过ID识别它）然后函数括号内写代码，做你想做什么。根据你的情况，如果是显示某种形式的文字，你可以只
alert($('#selectID').val()) 或者只是jQuery来改变DOM

来源

2015-11-06 10:04:22

HTML下拉框重定向

回答

相关问题