Jquery 选项值不能显示在警告框中答案

【问题标题】：Jquery option value cannot show in alert boxJquery 选项值不能显示在警告框中
【发布时间】：2013-05-09 07:17:58
【问题描述】：

请转至http://jsfiddle.net/RZy4E/，为什么我在选择时看不到警告框中的选项值？

<script type="text/javascript">
$(document).ready(function(){

$("#filterCountry").change(function(){
    var parameters = $('#form_search').serialize();
    alert(parameters);
    /*$.ajax({
        url: 'ajax_profile.php',
        data: parameters,
        type: 'POST',
        success: function(data){
            $('#load_vids').html(data);
        }
    });*/
});

});
</script>

</head>

<body>

<form name="form_search" action="" method="post" enctype="multipart/form-data">
<div style="padding-bottom:6px;">
    Country:<br />
    <select id="filterCountry" name="filterCountry" style="background:#e5e5e5;border:solid 0 #bbb;font-size:11px;width:135px;height:18px;padding:2px;">
        <option value="all">All</option>
        <option value="FR">FRANCE</option>
        <option value="MY">MALAYSIA</option>
        <option value="NP">NEPAL</option>
    </select>
</div>
</form>

</body>

【问题讨论】：

标签： jquery options

【解决方案1】：

你需要使用：

$('[name="form_search"]').serialize();

因为你的表格是name="form_search" 而不是id="form_search"

如果你想直接获取表单的值，你可以这样做：

$('[name="form_search"]').find(':selected').val();

Updated Fiddle

【讨论】：

【解决方案2】：

您必须将id="form_search" 属性添加到您的<form>。

【讨论】：

【解决方案3】：

试试这个：

var selected = $(this).find('option:selected').val();
alert(selected);

DEMO HERE

【讨论】：

【解决方案4】：

因为你错过了在表单中添加id

<form name="form_search" id="form_search" action="" method="post" enctype="multipart/form-data" >
                    //---^^^^^^^^^^^^^^^^---here

您正在使用 id 选择器序列化表单

【讨论】：

【解决方案5】：

您的代码中有一些错误。所以使用下面的代码来获取数据。

var parameters = $('form[name=form_search]').serialize();
alert(JSON.stringify(parameters));

【讨论】：

【解决方案6】：

请尝试喜欢

var parameters = $("option:selected", this).val();
alert(parameters);

更新的小提琴链接是http://jsfiddle.net/RZy4E/2/

【讨论】：

【解决方案7】：

要么给论坛的ID，比如

<form name="form_search" action="" method="post" id="form_search" enctype="multipart/form-data">

或使用表单名称检索

var parameters = $('form[name="form_search"]').serialize();
alert(parameters);

【讨论】：