0

我有一个select我正在尝试做一个 jQuery.change事件。由于某种原因，它无法识别id选择的。它是通过AJAX对创建选择及其选项的 php 文件的另一个调用来构建的。

<script>
    $(document).ready(function()
    {
        $("#unitselector").on('change', function()
        {
            console.log('made it');
            var unit=$('#unitselector').filter(':selected').val();
            var dataString = {unit:unit};
            console.log(dataString);
            $.ajax({
                type: "POST",
                url: "classes/unit_info.php",
                data: dataString,
                cache: false,
                success: function(html)
                {
                    $('.unitinfo').html(html);
                }
            });
        });
    });
    </script>

相关PHP：

    echo '<select id="unitselector" name="units">';
while( $row = mysqli_fetch_assoc($result))
{
    $units[] = $row['unit_name'];
    echo '<option value="'.$row['unit_name'].'">'.$row['unit_name'].'</option>';
}
echo '</select>';
4

1 回答 1

1

It is built through another AJAX call to a php file that creates the select and its options.

这意味着它是动态添加到 DOM 中的，因此需要事件委托。jQuery 1.7+ 使用 .on()方法来正确绑定。

$("#unitselector").on('change', function()

至

$(document).on('change', '#unitselector', function()

此外，真的没有理由像你一样尝试获得价值。您在元素内部，因此可以通过this本机 javascript 对象或$(this)jQuery 对象访问它，无论哪种方式都可以正常工作。

var unit = $(this).val();
//or
var unit = this.value;
于 2013-10-26T23:42:52.710 回答