根据选项值获取 HTML Dropdown 值 [重复]

Question

假设下面的 HTML 下拉列表：

我正在寻找 javascript 以根据其值获取所需的选项文本。

如果被问到 value="2" 上的文字是什么？ 答案：“价值 2”

我尝试了下面的 jquery 代码：

$(document).ready(function() {
  var value = "2";
  // I am getting an error as a output on console
  var textValue = $("#test").options[value.selectedIndex].text;
  console.log(textValue);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="test" name="test">
  <option value="0">Select Value...</option>
  <option value="1">Value 1</option>
  <option value="2">Value 2</option>
  <option value="3">Value 3</option>
</select>

Answer 1

这应该适合你：

$(document).ready(function () {
                var value = "2";
                // I am getting "0" as a output on console
                var textValue = $("#test>option[value=" + value + "]").html();
                console.log(textValue);
            });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="test" name="test">
            <option value="0">Select Value...</option>
            <option value="1">Value 1</option>
            <option value="2">Value 2</option>
            <option value="3">Value 3</option>
        </select>