无法将选择选项值放入 jQuery 帖子中答案

【问题标题】：Can't get the select option value into jQuery post无法将选择选项值放入 jQuery 帖子中
【发布时间】：2018-01-13 16:44:39
【问题描述】：

HTML：

<select id="s2_basic" class="form-control" id="userid" name="userid">
    <option value="" selected>-- Choose option --</option>
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
</select>

Javascript：

function submitForm() {
    var userid = $('#userid').attr('selected', 'selected');

    $.ajax({
        type: "POST",
        url: "submit.php",
        data: "userid=" + userid,
        success: function(text) {
            if (text == "success") {
                formSuccess();
            } else {
                formError();
                submitMSG(false,text);
            }
        }
    });
}

提交 PHP 返回错误信息：

Value: ([object Object])

我也试过

var userid = $('#userid').val();
var userid = $('#userid option').val();

不过，选项值永远不会正确传递。我做错了什么？

我只想将 value="x" 数字发布为 userid=x。

【问题讨论】：

为什么你的选择中有两个 id？ id="s2_basic" 和 id="userid" ?

标签： php jquery ajax post

【解决方案1】：

从您的选择中删除 id="s2_basic"。

改变：

<select id="s2_basic" class="form-control" id="userid" name="userid">

到

<select class="form-control" id="userid" name="userid">

【讨论】：

谢谢。我不敢相信我没有注意到这一点。

【解决方案2】：

$('#userid').on('change',function(){

console.log('value '+$('#userid option:selected').val())
console.log('text '+$('#userid option:selected').text())
console.log('index '+$('#userid option:selected').index())

})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<select class="form-control" id="userid" name="userid">
    <option value="" selected>-- Choose option --</option>
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
</select>

试试这个

【讨论】：