gpt4 book ai didi

javascript - 如何只提交从下拉列表中选择的值?

转载 作者:行者123 更新时间:2023-11-28 11:15:20 25 4
gpt4 key购买 nike

我有以下代码并在表单上调用 serialize() 方法:

<script src="~/Scripts/jquery-1.8.2.min.js"></script>
<form>
<select id="CouponType" name="CouponType">
<option value="MONEYOFF">MONEYOFF</option>
<option value="BONUSPOINTS">BONUSPOINTS</option>
</select>

<input type="button" id="btnSubmit" value="SUBMIT ME" />

<script type="text/javascript">

$("#btnSubmit").click(function (e) {
e.preventDefault();
alert($('form').serialize());
});

</script>
</form>

应该发生的是,只有当下拉列表有值时,才必须提交该值,但它总是提交列表中的第一个选项,所以在 IE 7.0、IE 8.0 中,警报的结果总是如下所示, IE 9.0 和 Chrome:

CouponType=MONEYOFF

如何只提交从下拉列表中选择的值?

最佳答案

这是你想要的吗?

<form>
<select id="CouponType" name="CouponType">
<option value="MONEYOFF">MONEYOFF</option>
<option value="BONUSPOINTS">BONUSPOINTS</option>
</select>

<input type="button" id="btnSubmit" value="SUBMIT ME" />

<script type="text/javascript">

$("#btnSubmit").click(function (e) {
e.preventDefault();
alert($('#CouponType').val());
});

</script>
</form>

http://jsfiddle.net/24Hz9/

关于javascript - 如何只提交从下拉列表中选择的值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21785500/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com