javascript - 将参数从 HTML 按钮传递到 JavaScript 函数

Question

我有一些 html 按钮的简短代码:

<input type="button" onClick="showSelectsVar('sText2id');">
<select name="sText2id" id="sText2id" value="Third">
  <option value="1st">First</option>
  <option value="2nd">Second</option>
  <option value="3rd">Third</option>
</select>

function showSelectsVar (x) {
    x=document.getElementById(x).value;
    var insertTextVar = document.createTextNode(x);
    var child = document.getElementById(x);
    child.parentNode.insertBefore(insertTextVar,child);
}

这是Jsfidde

我认为问题出在 js 上，但我卡住了

我想将选择菜单的 id 传递给 js 函数，然后该函数将选择菜单的当前值动态插入到页面中。

是否有资源可以帮助您了解传递参数时何时使用单引号、双引号和无引号？

谢谢

Answer 1

如果要传递字符串，请在字符串周围使用引号。由于单引号和双引号是等效的，因此在示例中使用单引号是最有意义的，否则您最终必须转义引号并且开始变得困惑。

如果您传递文字数字或变量名称，请勿使用引号。

有关报价的更多信息:When to Use Double or Single Quotes in JavaScript .