Question

嗨，这是我的第一个问题，

首先;

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

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

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

Answer 1

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

FOO ... ...

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

希望这有帮助。

Answer 2

这是一项非常简单的任务，你不应该需要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

显示选定的下拉选项

2 个答案: