Javascript-從HTML獲取動態名稱

Question

我需要弄清楚如何使我的JavaScript動態輸入選擇名稱。 我應該怎么做？

我已經嘗試過var i = getElementsByName（），然后如果（i ==“ x）... else ....沒有結果

我的Javascript：

function displayResult()
{
   var m=document.getElementsByName("x");
   document.getElementById('divid').innerHTML = m[0].value;
}                                   

我的HTML：

  <form>
       <select name = x>
         <option> a </option>
         <option> b </option>
         <option> c </option>
       </select>
       <select name = y>
         <option> 2 </option>
         <option> 3 </option>
         <option> 4 </option>
       </select>
     </form>

Answer 1

最簡單的解決方案是使用jQuery http://jquery.com

var myx = "x";
var elems = $("select[name=" + myx + "]");

同樣，使用純Javascript的新瀏覽器API：

var elems = document.querySelectorAll("select[name=x]")

https://developer.mozilla.org/zh-CN/docs/DOM/Document.querySelectorAll

Answer 2

因此，您需要讓x保持“動態”。 我不太了解您的意思，但是我想您想在每次調用該函數時指定另一個名稱。 這就是功能參數的用途。
將功能更改為此：

function displayResult(name)
{
   var m=document.getElementsByName(name);
   document.getElementById('divid').innerHTML = m[0].value;
}

現在，您可以使用以下命令調用該函數：

displayResult("x");

Answer 3

我認為您真正要尋找的是：

var nodes = document.getElementsByTagName('select');
var names = new Array();
for(i=0,c=nodes.length;i<c;i++){
    names.push(nodes[i].name);
}

此代碼將產生一個數組names其中包含頁面上顯示的選擇名稱