由于连字符，Javascript 无法工作

Question

来 self 的Fiddle

<select id="doesnt-work">
  <option>Apple</option>
  <option>Orange</option>
  <option value="111">Pineapple</option>
  <option>Banana</option>
</select>
<input type="textbox" id="mytextbox"/>
<button onclick="displayResult(doesnt-work)">Click me</button> 

JavaScript

function displayResult(selTag)
{
var x=selTag.options[selTag.selectedIndex].text;
document.getElementById('mytextbox').value = x;
}

我知道它不起作用，因为“doesnt-work”之间有连字符

我需要使用连字符，因为它是由我的应用程序自动创建的，我无法控制它。

有谁知道怎么做吗？

Answer 1

您依赖的是 JavaScript 的一个错误部分。您不应该使用元素 ID 并让浏览器自动连接它。像设置值时一样使用 getElementById。

HTML:

<button onclick="displayResult('doesnt-work')">Click

JavaScript:

function displayResult (selId) {
    var selTag = document.getElementById(selId);
    var x=selTag.options[selTag.selectedIndex].text;
    document.getElementById('mytextbox').value = x;
}