javascript - 元素的名稱或 ID

Question

this.form.sel2是否類似於document.getElementById('sel2') ？

我的 select 標簽如下：

<select size=5 id="sub_player_ids" name="sub[player_ids][]">

當我在 javascript 代碼中輸入標簽名稱時，即sub[player_ids][]時，出現語法錯誤。 我正在嘗試找到一種解決方法，以便我不想使用元素的名稱，而是使用 id。

但是使用document.getElementById('sub_player_ids')不起作用。

感謝您提供的任何建議。

請在下面查看我的 javascript 代碼：

      <input type="button" value="--&gt;"
       onclick="moveOptions(this.form.sel1, this.form.sel2);" /><br />
      <input type="button" value="&lt;--"
       onclick="moveOptions(this.form.sel2, this.form.sel1);" />

Answer 1

您元素的id是sub_player_ids ，而不是sel2 。 所以document.getElementById("sub_player_ids")會起作用。

您可能還會發現this.form["sub[player_ids][]"]會起作用。 使用帶引號的形式可以讓您使用不能在文字形式中使用的東西。

需要注意的是 IE7 和更早版本有一個損壞的getElementById版本，它會找到使用給定字符串作為name而不是id的東西，即使頁面上稍后的某些東西實際上使用它作為id 。 （是的，真的； 這里有更多內容。）一些庫會為你解決這個問題（例如jQuery就可以）。 實際上，說到庫，一個好的庫確實可以幫助解決各種瀏覽器的不一致問題，並提供許多方便的實用功能，讓您專注於實際的業務問題。 您可能會考慮查看jQuery 、 Prototype 、 YUI 、 Closure或其他幾個。

Answer 2

您可以改用括號表示法：

this.form['sub[player_ids][]']

...或getElementById() ，具有正確的 ID：

document.getElementById('sub_player_ids')

Answer 3

使用document.getElementById('sub_player_ids')獲取該元素。

Answer 4

你有錯誤的身份證

document.getElementById('sub_player_ids')

Answer 5

驗證您的選項是否包含id ，它只會包含帶有sel2的name