當我嘗試使用Javascript OOP樣式進行編碼時，Append無法正常工作

Question

我正在學習以JavaScript OOP風格進行編程的概念，我需要一些幫助：

首先，一個簡單的html形式：

<form>
     <select id="jobRole"></select>
</form>

接下來，我編寫“ Question”類：

var Question = function() {
  this.masterQ = function (id1) {
    this.id1 = jQuery(id1);
    this.id1.append('<option value="">test</option>');
  };
}

現在我實例化問題類，創建一個新對象

var q = new Question();

現在，我調用masterQ方法：

q.masterQ('#jobRole');

但是，我不知道為什么測試沒有附加到選擇項上。

有任何想法嗎？

謝謝！

Answer 1

我只是嘗試一下，代碼有效-> http://jsfiddle.net/HxhH2/1/

確定要在頁面中包含jquery嗎？

<script src="pathtojquery.js"></script>

或者，您可能在執行代碼之前才能獲得頁面上的下拉列表。 將您的邏輯包含進去會很好

$(document).ready(function() {
   // your code here
});