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

【问题标题】：Append does not work when I try to code in Javascript OOP style当我尝试以 Javascript OOP 样式进行编码时，附加不起作用
【发布时间】：2013-09-03 17:15:21
【问题描述】：

我正在学习 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 没有附加到选择中。

有什么想法吗？

谢谢！

【问题讨论】：

我的控制台没有错误
您是否在$(document).ready() 内运行q.masterQ('#jobRole');？
你什么时候运行var q = new Question(); ...代码？
哇，我太傻了，不，我没有在准备好的文档中运行它......
@DanyD：您可以回答自己的问题并解释问题所在。

标签： javascript jquery oop

【解决方案1】：

我只是试了一下，代码可以工作-> http://jsfiddle.net/HxhH2/1/

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

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

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

中会很好

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

【讨论】：