如何在下拉菜单中获取所选项目答案

【问题标题】：How to get selected item in dropdown menu如何在下拉菜单中获取所选项目
【发布时间】：2012-07-01 15:29:31
【问题描述】：

我需要从下拉菜单中选择一个项目，

我正在使用这个脚本：LINK 这是我的代码，我只需要在 javascript 中获取值：

function checkData() {
    var pagesObj = document.getElementById("website2"); 
    alert(pagesObj.options[pagesObj.selectedIndex].value);
}

$(document).ready(function() {
    $.ajax({
        url: "get_data.php",
        cache: false,
        dataType: 'json',
        data: {},
        success: function(data) {
            for (var i = 0; i < data.results.length; i++) {
                if(data.results[i].value != '0' ) {
                    oHandler = $("#websites2").msDropDown().data("dd");
                    oHandler.add({text:'', value:'', title:''});
                    oHandler.add({text:data.results[i].text,value:data.results[i].value,title:data.results[i].title});
                }
             }
         }
    });
});

这个checkData() 函数给我一个错误，即选项未定义且为空

编辑：

HTML：

<select name="websites2" id="websites2" onChange="checkData()" style="width:200px;"tabindex="1"></select>

【问题讨论】：

标签： javascript select option

【解决方案1】：

我相信就这么简单（使用 jQuery）：

var selectedIndex = $("#websites2").val();

【讨论】：

【解决方案2】：

因为你有 jQuery

$('#websites2').val()

应该这样做，尽管我最近发现在 Opera 上有点不可靠。在我测试过的所有浏览器上，以下内容对我来说都是可靠的：

$('#websites2 option:selected').val()

【讨论】：

这行得通。但我看到了一个问题。下拉菜单加载。当我单击该项目时，什么都没有发生。但是当我第二次点击时，我得到了价值。有什么想法吗？