javascript - 显示选项文字，而不是值

This question already has answers here:

Get selected value in dropdown list using JavaScript

                                    （22个答案）


                                6年前关闭。


我有一些代码可以在文本框中显示下拉列表的值。
实际上，当我从文本框中的下拉列表中选择一个值时，会显示一个值。
如何修改以显示选项文本的插入值？

<select id="Ultra" onchange="run()">
    <!--Call run() function-->
    <option value="0">Select</option>
    <option value="8">text1</option>
    <option value="5">text2</option>
    <option value="4">text3</option>
</select>

<br>
<br>
TextBox1
<br>

<form>
    <input id="srt" placeholder="get value on option select" type="text">
    <br>
    TextBox2<br>
    <input id="rtt" onkeyup="up()" placeholder="Write Something !" type="text">
    <script>
    function run() {
        document.getElementById("srt").value = document.getElementById("Ultra").value;
    }

    function up() {
        //if (document.getElementById("srt").value != "") {
        var dop = document.getElementById("srt").value;
        //}
        pop(dop);
    }

    function pop(val) {
        alert(val);
    }
    </script>
</form>

最佳答案

您需要获取所选选项的文本，例如

<!-- pass reference to the element in the call -->
<select id="Ultra" onchange="run(this)">

脚本：

function run(sel) {
  var i = sel.selectedIndex;
  if (i != -1) {
    document.getElementById("srt").value = sel.options[i].text;
  }
}

关于javascript - 显示选项文字，而不是值，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14824703/

上一篇：javascript - 有多个 javascript 对象实例

下一篇：javascript - 具有来自 JSON 的多个系列的 Highcharts

相关文章：

javascript - 如何识别javascript不可删除的属性？

css - Canvas 底部有空白，滚动得太远

jquery - 如何在 Bootstrap 面板中实现可扩展内容

PHP:更新行时遇到问题

javascript - JavaScript 中的 Object.assign 和 Object.setPrototypeOf 有什么区别？

javascript - 如何将html表格转换为bootstrap表格？

Javascript 将元素添加到动态 div

javascript - 为特定 div 设置背景颜色的最佳方法

javascript - jQuery:如何获取单击提交按钮的表单对象？

PHP 电子邮件脚本只打开 PHP 文件