javascript - HTML 下拉框重定向

标签 javascript html select tags dropdown

只是将一个简单的 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>

谢谢

最佳答案

你想使用 JavaScript 是对的。事实上,使用 jQuery 会更好地处理事件。

如果你创建一个函数 $('#selectID').on('change', function(){}); (你必须提供你的选择和 id 来识别它) 然后在函数括号内编写代码来执行您想要的操作。在您的情况下,如果要显示某种形式的文本,您可以
警报($('#selectID').val()) 或者只是 jQuery 来改变 DOM

关于javascript - HTML 下拉框重定向,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33563983/

相关文章:

javascript - 如何解析自定义 webpack 加载器中的 require 字符串

javascript - 在 Swift 中循环遍历 JavaScript 元素,WKWebView

java - <form> 标记未包含在 <s :iterator> in . jsp 的第一 <tr> 行中

javascript - 如何强制 Apache Tapestry 更新 javascript?

javascript - AJAX 调用时出错 :Error: NetworkError: DOM Exception 19

javascript - jQuery 子菜单无法在 Firefox 中打开

r - Left_join : Error: cannot allocate vector of size "small" Mb

SQLite:使用手动顺序选择多个 ID

javascript - 在相扑选择插件中通过 jQuery 选择元素不起作用

javascript - 为选项卡内容 Bootstrap 多个导航选项卡