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函数，然后该函数动态地将selectmenu的当前值插入到页面中。

是否有资源有助于了解何时在传递参数时使用单引号，双引号和无引号？

由于

Answer 1

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

如果要传递文字编号或变量名称，请不要使用引号。

有关引号的更多信息：When to Use Double or Single Quotes in JavaScript。

Answer 2

在走了一个小时之后修好了它。

我要么需要在函数中重新声明第一个“x”，要么将“x”更改为另一个变量。我已将变量更改为“xVar”，它正在运行。

非常感谢。

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

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

2 个答案: