html - 在下拉菜单中选择项目时吐出信息?

标签 html

我想知道在用户选择下拉菜单中列出的项目之一后,是否可以使用诸如 JavaScript 之类的东西在下拉菜单下吐出文本?

例如: 用户单击下拉菜单并选择选项 B。在菜单下,它会显示类似“您选择了选项 B”或“选项 B 成本:$0.00”之类的内容

这可能吗?

我当前的代码是:

<form>
<p align="center"><b>Select a Payment:</b>
<select id="setit" style="color: #000" size="1" name="test">
<option value="">Select one</option>
    <option value="">1 Month: $4.99</option>
    <option value="">3 Months: $14.99</option>
     <option value="">6 Months: $29.99</option></select>
<br />
<br />
     <input type="button" value="Add to Cart"
onclick="window.open(setit.options[setit.selectedIndex].value)">
</p></form>

有人能帮帮我吗?我目前迷路了,并且是编码大声笑的菜鸟。我四处搜索,看到有人使用变量发布 JavaScript,但每次我插入编码时,都没有出现...

谢谢!

最佳答案

您需要阅读有关使用 JavaScript 操作 DOM 的内容。这是很有可能的,我建议你看看来自 w3schools.org 的 JavaScript 教程。 .它非常全面,准备就绪后,您应该下载 jQuery 并使用它:jQuery .

祝你好运
-布莱恩

关于html - 在下拉菜单中选择项目时吐出信息?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13021690/

相关文章:

javascript - 链接未生成

javascript - 匹配每个节点的类名 [javascript]

html - 元标签是否应该放在样式标签中

html - 更改所选下拉字段的背景颜色

html - 如何在 CSS 中创建编号标记?

javascript - 移动设备上输入的数字的最大长度

javascript - HTML 文本框 : how to restrict input values to only numbers less than 15

html - Angular 8 - 有没有办法绑定(bind)到视频元素来确定它何时加载/开始播放?

javascript - 我在 "document.ready()" block 之外执行此操作是否安全?

javascript - html css js 客户端编辑