在页面加载jQuery没有检测到选择下拉值？

Question

我可以看到该选项的值正在变化，但如果我在页面加载时尝试获取选项值，则会出现错误＆＃34;未定义。＆＃34;

我的代码：

<select name="category_01" id="category_01">
<option value="0">--Select Category--</option>
<option value="7">Analysis technique</option>
<option value="6">Analyzed with</option>
<option value="1">CHEMICAL GROUP</option>
<option value="2">Compounds</option>
<option value="3">Detection Tech</option>
<option value="4">Injection Tech</option>
<option value="5">INSTUMENT</option>
<option value="8">Method</option>
</select>

获取页面加载值：

$('#category_01').find(':selected').val();

上面的代码返回＆＃34; undefined＆＃34;。 对此有任何帮助......？

Answer 1

如果您将代码放在$(document).ready(function(){})中，您将在页面加载时获得val（）。

$(document).ready(function(){
    alert($('#category_01').val());
});

Demo

Answer 2

$(document).ready(function () {
    $('#category_01').change(function () {
        var cat_value = $('#category_01').val();
    });
});

试试这个

Answer 3

你确定已加载jQuery或你的dom已加载。 请查看：$('#category_01').val();

尝试：

    $(document).ready(function(){
    $('#category_01').val(); // or your own function
    });