Question

我有3个选项和一个文本框的下拉列表。关于下拉列表，最上面一个是空的，第二个和第三个有值。当我在这3个选项之间切换时，我设法在文本框中输出第2和第3个值但不是第1个选项值（我只想在选择选项1时输入空文本框）..如何做到这一点？

请检查我的代码..

function price(){
if (document.getElementById("fruits").selectedIndex < 1) { document.getElementById("fruitprice").value = "" }
if (document.getElementById("fruits").selectedIndex == 1) { document.getElementById("fruitprice").value = (2).toFixed(2); }
if (document.getElementById("fruits").selectedIndex == 2) { document.getElementById("fruitprice").value = (3).toFixed(2); }
}

<span style="font-family: Calibri; font-weight: bold;">Choose Fruit</span>:
<br>
<select id="fruits" onchange="if (this.selectedIndex) price();" />
<option value=""></option>
<option value="Apple">Apple</option>
<option value="Orange">Orange</option>
</select>
<input type="text" size="2" id="fruitprice" />

Answer 1

由于您尚未提供任何代码，我将假设以下

您正尝试通过下拉列表中的select事件
您正在使用jQuery

您的<select id="selectNum"> <option value="0"></option> <option value="1">One</option> <option value="2">Two</option> </select>标记

input

和<input id="txtSomething" type="text">

onchange

您的$('#selectNum').on('change', function() { $('#txtSomething').val(this.value) })处理程序

irb(main):001:0> require "openssl"
==> true
irb(main):002:0>

这应该让你开始。

Answer 2

你的代码在哪里？这个例子也许可以帮到你：

    <ul class="dropdown-menu">
      <li><a class="one"></a></li>
      <li><a class="two">Value 2</a></li>
      <li><a class="hree">Value 3</a></li>
    </ul>
<textarea placeholder="enter value" id="textarea"></textarea>

Jquery：

<script>
  $(".one").click(function(){
    $("#textarea").val($(this).text());
  });
  $(".two").click(function(){
    $("#textarea").val($(this).text());
  });
  $(".three").click(function(){
    $("#textarea").val($(this).text());
  });
</script>

如果您在select with class下拉列表中使用选项，则可以使用change（）函数

Answer 3

你可以尝试詹姆斯＆＃39;解决方案（使用jQuery）。简单的JavaScript＆＃34;版本＆＃34;会是这样的：

<强> HTML

<select id="ddl" onchange="ShowValue(this.value)">
  <option value=""></option>
  <option value="1">1</option>
  <option value="2">2</option>
</select>
<div>
<input type="text" id="txtDisplay">
</div>

<强>的JavaScript

function ShowValue(val){
    document.getElementById('txtDisplay').value = val;
}

JSFiddle

Answer 4

只需删除你的html onchange事件中的条件..如果首先选择将有0索引为false，所以你的函数不会被调用 - yogen darji

谢谢yogen和其他所有人。：）

普通Javascript选择选项

4 个答案: