Question

我正在使用Boostrap 3并希望AJAX发布使用Boostrap 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中所选下拉值的任何建议吗？

Answer 1

您似乎忘记了两个选择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>
                 ...

从Bootstrap 3中获取jQuery的值

1 个答案: