当我尝试使用Javascript OOP样式进行编码时,Append不起作用

时间:2013-09-03 17:15:21

标签: javascript jquery oop

我正在学习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');

但是,我不知道为什么测试没有附加到选择。

有什么想法吗?

谢谢!

1 个答案:

答案 0 :(得分:1)

我只是尝试它并且代码有效 - &gt; http://jsfiddle.net/HxhH2/1/

您确定在页面中包含了jquery吗

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

或者您可以在执行代码之前获取页面上的下拉列表。将你的逻辑包装成

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