Question

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。

Answer 1

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

改变：

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

到

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

Answer 2

＆＃13;

$('#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())

})

＆＃13;

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

＆＃13;

试试这个

无法将选择选项值导入jQuery帖子

2 个答案: