Question

我有一个我创建的下拉表单 - 我需要将下拉列表选中后自动生成一个文本框，或者按下按钮后将其放在文本框中。例如“Get Hex”

这是我的下拉列表：

<fieldset>
  <legend>Logos</legend>
  <p>
    <label>Choose Desired Logo</label>
    <select id = "Logo">
      <option value = "00">Holden</option>
      <option value = "01">HSV</option>
      <option value = "02">Chevrolet</option>
      <option value = "02">Chevrolet</option>
      <option value = "04">CSV</option>
      <option value = "05">Pontiac</option>
    </select>
    <input type="button" value="Show Hex" onclick="displaySelectedItem(val);" />
  </p>
  <p>
    <input type="text" id="Logo" />
  </p>
</fieldset>

这是我尝试过的最后一个JS脚本。我已经尝试了一些，但我肯定会遗漏一些东西，因为我的命令无效。

<script language="JavaScript" type="text/javascript">
<!--
function displaySelectedItem(val)
{
  alert(val);
}
//-->
</script>

所以我需要在文本框中包含<option value = "##">

中的十六进制代码

我将在6种不同形式中使用它，所有形式都需要相同的东西。

Answer 1

更改

<input type="button" value="Show Hex" onclick="displaySelectedItem(val);" />

到

<input type="button" value="Show Hex" onclick="displaySelectedItem(document.getElementById('Logo').value);" />

<强> jsFiddle example

JS函数没有得到下拉文本

1 个答案: