javascript - JS函数没有得到下拉文本

Question

我有一个我创建的下拉表单 - 我需要让下拉列表在选择后自动生成到文本框中，或者在按下按钮后将其放置在文本框中。例如“获取十六进制”

这是我的下拉列表：

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