Jquery下拉列表更改值不起作用

Question

我有一个下拉列表，我想更改jquery更改事件的视图

Html代码

<select id="pu_viewToLoad" class="select-dark" name="viewToLoad"></select>

Js代码

    $("#pu_viewToLoad").change(function(evt) {  
    evt.preventDefault();

    var index = parseInt($("#pu_viewToLoad option:selected").val(), 10);

    if (index >= 1000) { 
        index -= 1000;
        console.log("Changing to 2D view: " + _views2D[index].name);
        switchSheet();
        loadView(_viewerSecondary, _views2D[index]);
    }
    else {
        console.log("Changing to 3D view: " + _views3D[index].name);
        switchSheet();
        loadView(_viewerSecondary, _views3D[index]);
    }
});

此功能未执行

Answer 1

你应该使用：

var index = parseInt($("#pu_viewToLoad option:selected").attr("value"), 10);

或者

var index = parseInt($(this).val(), 10);

请相应更改。并确保在$(document).ready()函数中运行上述函数。