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

时间:2012-07-01 15:29:31

标签: javascript select option

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

我正在使用此脚本: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>

2 个答案:

答案 0 :(得分:1)

我相信它就像这样简单(使用jQuery):

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

答案 1 :(得分:1)

因为你有jQuery

$('#websites2').val()

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

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