从Boostrap 3 select获取jQuery中的值

Getting value in jQuery from Boostrap 3 select

本文关键字：jQuery 获取 Boostrap select      更新时间：2023-09-26

我正在使用Boostrap 3，并希望AJAX发布使用Boostrapp 3创建的表单，但在获取模式中的下拉菜单值时遇到问题。

生成的HTML

<div class="modal in" id="UploadCsv" tabindex="-1">
    ...
    <div class="form-group">
        <label class="col-sm-4 control-label" for supplier Sku">SKU</label>
        <div class="col-sm-6">
            <select class="form-control" name="supplierSku" id="supplierSku>
                 <option value="1">Name</option>
                 <option value="2">Form</option>
                  ...
             <select class="form-control" name="form" id="form>
                 <option value="1">Name</option>
                 <option value="2">Form</option>
                 ...

JS-

$('input, select'). $('#UploadCsv')).each(function() {
    data[$(this).attr('name')] = $(this).attr('value');
});

如果我在控制台中查看数据，我有

supplierSku: undefined
form: undefined

尽管从下拉菜单中选择了选项。Jquery获取的是表单组的名称，而不是值。

根据我的选择，我希望看到supplierSku:1等。关于如何在jquery中获取所选下拉列表的值，有什么建议吗？

看起来您忘记了两个select id的结束引号：

<div class="modal in" id="UploadCsv" tabindex="-1">
    ...
    <div class="form-group">
        <label class="col-sm-4 control-label" for supplier Sku">SKU</label>
        <div class="col-sm-6">
            // Closing quotes on id attribute
            <select class="form-control" name="supplierSku" id="supplierSku">
                 <option value="1">Name</option>
                 <option value="2">Form</option>
                  ...
            // Closing quotes on id attribute
             <select class="form-control" name="form" id="form">
                 <option value="1">Name</option>
                 <option value="2">Form</option>
                 ...
相关文章：