显示选项文本而不是值

时间:2013-02-12 03:00:59

标签: javascript html forms dom option

我有这个代码来显示文本框中的下拉值。 实际上,当我从文本框的下拉列表中选择一个值时,会显示一个值。 如何修改以显示选项文本内置值?

<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>

2 个答案:

答案 0 :(得分:2)

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

<!-- 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;
  }
}

答案 1 :(得分:0)

var Select = document.getElementById(“Ultra”);

var selectedText = Select.options [Select.selectedIndex] .text;