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()返回的值：

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

Answer 2

这对我有用jsfiidle。

简化成功方法。

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

Answer 3

如果您想知道所选option的索引：

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

或者，使用纯JavaScript：

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

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

3 个答案: