javascript - 当我尝试以 Javascript OOP 样式进行编码时，附加不起作用

Question

我正在学习 javascript OOP 风格的编程概念，我需要一些帮助：

首先，一个简单的html表单：

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

接下来，我编写“问题”类：

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');

但是，我不知道为什么test没有附加到选择上。

有任何想法吗？

谢谢！

Answer 1

我只是尝试一下，代码有效-> http://jsfiddle.net/HxhH2/1/

你确定你的页面中包含了 jquery

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

或者您可能之前执行代码以获取页面上的下拉菜单。将您的逻辑包装到

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