显示选定的下拉选项[关闭]答案

【问题标题】：Displaying selected dropdown option [closed]显示选定的下拉选项[关闭]
【发布时间】：2014-06-12 15:51:18
【问题描述】：

您好，这是我的第一个问题，

首先;

我在 html 中创建了一个下拉列表，其中包含值，我想“回显”或“显示”我从下拉列表中选择“选择”或“点击”的选项，例如，我在下拉列表中单击/选择“foo”，我现在看到屏幕上的文本“foo”正在回显'd/显示。

我希望这样做而不刷新页面等。我知道我将使用 php/html 和可能的 javascript/jquery。

有人可以写一个基本的脚本/演示吗^ 非常感谢，谢谢。

【问题讨论】：

你试过什么？你做了什么研究？上下文太宽泛，无法为 SO 提供生产力。
我们不是来应要求为您编写脚本和演示的。

标签： javascript php jquery html drop-down-menu

【解决方案1】：

这是一项非常简单的任务，您不需要 php 或 jquery =)

这里有一个可能适合您的快速解决方案：

HTML：

<select>
    <option value="foo">foo</option>
    <option value="bar">bar</option>
</select>    

<div></div>

JS：

var select = document.querySelector("select");
var div = document.querySelector("div");

select.onchange = function(e){
    alert(this.value);
    div.innerText = this.value;
};

Example

【讨论】：

你为什么要奖励这么懒的问题？
@Sparky - 没有糟糕/懒惰/愚蠢的问题。我已经回答了这个问题，因为它被问到了，我在这里提供帮助，不管它看起来多么简单。
没有人说过愚蠢。但是，“给我代码！”类型问题非常懒惰而且通常很糟糕。（将鼠标悬停在向下投票箭头上，列出该问题可能被视为“不好”的正当理由。缺乏研究/努力就是其中之一。）
同意，这也是我投票关闭它的原因。然而，在这里有一个答案可能希望阻止类似的问题 =)

【解决方案2】：

嗯，有很多方法可以做到这一点。一种简单的方法是在下拉列表中使用 jqwery 更改方法。您可以执行以下操作。

富 ... ...

    $(document).ready(function () {
     $("#choose").change(function () {
      var val=$("#choose").val();
      $("#out").html(val);
     });
    });

希望这会有所帮助。

【讨论】：

您的回复都不起作用，我需要它，只要我选择选项“foo”，它就会在页面上显示“foo”