如何使用JQuery获取Dropdown List（如省、市、Barangay）的选中文本？

你的代码逻辑是没问题的，确实能拿到选中项的文本，但jQuery有更简洁的写法可以直接实现需求：

核心写法 #

直接定位选中的option元素并获取文本：

var region = $("#province option:selected").text();

或者用find()方法，效果完全一致：

var region = $("#province").find("option:selected").text();

如果想贴近你原来的思路，也可以简化成：

var region = $("#province").children(":selected").text();

完整示例 #

假设你的HTML结构是这样：

<select id="province">
  <option value="1">北京</option>
  <option value="2" selected>上海</option>
  <option value="3">广州</option>
</select>

对应的JS代码可以写成：

var my_handlers = {
    fill_provinces: function () {
        var region = $("#province option:selected").text();
        console.log(region); // 输出选中的文本，比如"上海"
    }
};

// 调用方法测试
my_handlers.fill_provinces();

补充说明 #

如果你的下拉框设置了multiple属性（允许多选），.text()会返回所有选中项的文本拼接结果。如果需要单独获取某一项的文本，可以用.first().text()拿到第一个选中项，或者通过遍历处理每一个选中项：

// 获取第一个选中项的文本
var firstSelectedText = $("#province option:selected").first().text();

// 遍历所有选中项并打印文本
$("#province option:selected").each(function() {
    console.log($(this).text());
});

内容的提问来源于stack exchange，提问作者Ruel A Almonia