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

Question

我有以下代码并在表单上调用 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

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

Answer 1

这是你想要的吗？

<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/