Javascript 如何使用jQuery获取选择表单的输入值？

我设置了这个示例代码，试图在我更大的网站上跟踪这个问题，但我不明白为什么这个值总是以未定义的形式返回

<script>
    function echo(){
        value = $('input[name=select_form]').val();
        $(document).ready(function(){
                $('#test_div').append("<p>" + value + "</p>"); 
            })          
        }
</script>

</head>

<table>
    <tr>
        <td>select an option</td>
        <td><select name = "select_form">
                <option value="Alpha">Alpha</option>
                <option value="Beta">Beta</option>
             </select>
        </td>
    </tr>
</table>

<input type='button' value='echo' name='submitbtn' onclick='echo()' />

<div id = "test_div"> </div>

函数echo（）{
value=$（'input[name=select_form]'）。val（）；
$（文档）.ready（函数（）{
$（“#test_div”）。追加（“”+value+”
”）；
})          
}
选择一个选项
阿尔法
贝塔

我认为

$（'select[name=select\form]option:selected'）。text（）

会起作用。

我认为

$（'select[name=select\form]option:selected'）。text（）

会起作用。

您的选择器错误，您的目标是

select

元素，而不是

input

元素

value = $('select[name=select_form]').val();

演示：

注意：也不需要dom就绪处理程序-如果要使用它，请在dom就绪处理程序中使用适当的jQuery事件处理程序

<input type='button' value='echo' name='submitbtn' />

然后

jQuery（函数（）{
$（'input[name=“submitbtn”]”）。单击（函数（）{
var value=$（'select[name=select_form]'）。val（）；
$（“#test_div”）。追加（“”+value+”
”）；
})
})

---

演示：

您的选择器错误，您的目标是

选择

元素，而不是

输入

元素

value = $('select[name=select_form]').val();

演示：

注意：也不需要dom就绪处理程序-如果要使用它，请在dom就绪处理程序中使用适当的jQuery事件处理程序

<input type='button' value='echo' name='submitbtn' />

然后

jQuery（函数（）{
$（'input[name=“submitbtn”]”）。单击（函数（）{
var value=$（'select[name=select_form]'）。val（）；
$（“#test_div”）。追加（“”+value+”
”）；
})
})

演示：