將參數從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函數，然后該函數將selectmenu的當前值動態插入頁面中。

是否有資源可以幫助您理解在傳遞參數時何時使用單引號，雙引號和無引號？

謝謝

Answer 1

如果要傳遞字符串，請在字符串前后使用引號。 由於單引號和雙引號是等效的，因此在示例中使用單引號將是最有意義的，否則最終將不得不轉義引號，並且開始變得混亂。

如果要傳遞文字數字或變量名，請不要使用引號。

有關引號的更多信息： 何時在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);
}