jquery - jQuery，我如何获得选择的位置？

Question

我正在尝试获取在 select 语句中选择的任何日期 (1-12) 的值。

选择：

    <select id="month"></select>

填充了这个：

    $(function(){
        $.ajax({
            type: "GET",
            url: "lib/getmonth.php",
            async: "false",
            success: function(response){
                var monthArry = response.split(",");
                for(var x=0; x < [monthArry.length-1]; x++){
                    $("#month").append("<option>" + monthArry[x] + "</option>");
                }
            }
        });
    });

我在这里不知所措，我显然可以得到名字，

    var month = $("#month").val();

但我不确定如何选择哪个“选项”？

Answer 1

您可以使用:selected选择器：

var selectedOption = $("#month option:selected");

编辑：如果您正在寻找所选选项的内部文本，您可以将text()应用于结果：

var selectedOptionText = $("#month option:selected").text();

如果你想要它的基于 1 的索引，你可以添加到index()1返回的值：

var selectedMonth = $("#month option:selected").index() + 1;

Answer 2

它为我工作jsfiidle。

简化的成功方法。

success: function(response){
       $("#month").append('<option>' +  response.split(",").join("</option><option>") + "</option>");
});

Answer 3

如果您想知道 selected 的索引option：

var selectedOption = $('#month option:selected').index();

或者，使用纯 JavaScript：

var selectedOption = document.getElementById('month').selectedIndex;