使用 JQuery 获取 SELECT 的选定选项文本

Question

我动态创建了选项，其中选项中的所有值都来自共享点列表。现在我想获取所选选项的文本。我尝试了几种方法，但无法获得

从列表中获取数据的代码

$("#ddlIncrementType").append(
  $("<option></option>")
    .data("incrementLevel", results[increment].IncrementLevel)
    .val(results[increment].Title)
    .html(results[increment].Title)
);

我的选项附加的代码

<div class="Increment">
    <label for="sel1">Increment Type:</label>
    <select disabled class="form-control" id="ddlIncrementType">
        <option></option>
    </select>
</div>

我想获取Selected Option的文本假设列表中有三个选项

项目一
项目二
项目三

我想要准确的文字谁能帮忙？

我试过了，但是不行！

var value = $("#ddlIncrementType").find(":selected").val();

var selectedText = $("#mySelect option:selected").html();

var value = $("#ddlIncrementType").find(":selected").text();

Answer 1

你可以使用-

$(document).on('change', "#ddlIncrementType", function(){
    var value = $(this).text();
    alert(value);
});

此外，您不应该将 disabled 用于 <select>

Answer 2

你可以试试这个：

$("#ddlIncrementType option:selected").text();

使用 JQuery 获取 SELECT 的选定选项文本

Get Selected Option Text of SELECT using JQuery

javascript

jquery

sharepoint-2010

从列表中获取数据的代码

我的选项附加的代码