如何将组合框中的值添加到文本区域？

Question

我必须在我为网页设计课程设计的网站上添加一种购物车，您可以从组合框中选择产品，然后点击按钮将其添加到文本区域然后在文本框中它应该显示你需要为你所选择的内容支付多少费用，但我现在唯一要做的就是在组合中显示产品，但添加和结果部分我是我完全失去了我会很感激，如果有人帮我解决这个问题，我只有2天的时间来完成它，否则我会不知所措。

Answer 1

将此内容包含在您的html头

中

<script src="http://code.jquery.com/jquery-latest.min.js"></script>

假设您的HTML看起来像这样：

<select name="products" id="products">
<option value="phone">Phone</option>
<option value="laptop">Laptop</option>
<option value="shirt">Shirt</option>
</select>

<input type="submit" id="submit"/>

<div id="selection"></div>

使用jquery获取提交的click事件的值，并在选择div中写入该值：

<script>
$('#submit').click(function(e){

var selected=$("#products option:selected").val();
$('#selection').append("<p>"+selected+"</p>");
e.preventDefault();
});
</script>