如何与<select>和JavaScript交互 - 显示表单结果</select>

时间:2014-02-04 20:14:29

标签: javascript html

这是jsbin。

http://jsbin.com/OnatOhE/3/(只需右键单击,查看源代码即可查看源代码)

我试图在按下按钮后显示用户在同一页面上选择的结果。我已经搞砸了一段时间了,我还没有找到一个简单的方法来做到这一点。

非常感谢所有帮助。谢谢!

1 个答案:

答案 0 :(得分:0)

我敢肯定,如果你查看javascript库的任何文档,他们会有一个这样的例子,但是一个非常简单的方法就可以使用jQuery ...

$( "#favColor" ).change(function() {
    $("#bottomText").append(' '+$("#favColor option:selected").val());
});

您可以通过创建一个查找所有选择框的函数并对所有选择框执行上述操作来添加此功能,而不是使用5个执行相同操作的函数。

请参阅:
http://api.jquery.com/change/
http://api.jquery.com/val/