javascript - 卡住调用 onclick 函数

Question

我一直在努力解决这个问题......

medReviewCtrl = "<form name=\"medsreviewedform\"> \
    <input type=\"button\" class=\"medsreviewedclass\" name=\"medsreviewedname\" \
    id=\"medsreviewedid\" value=\"7 minutes ago\" onclick=\"ChangeButtonText(this)\" \
    </form>";

function ChangeButtonText(button){
    document.getElementById("medsreviewedid").value="Value has changed";
}​

我有一个 js 文件，我在其中创建了一个动态 div，该按钮是其中的一部分。该按钮显示正常，但是当我尝试调用此函数时，我得到了 Object Expected。如果我这样做，它会起作用；

onclick=\"this.value=this.value==this.defaultValue?'Less than a minute ago':this.defaultValue;\" />";

最终目标默认值将来自时间值（1 周前），onclick 将向数据库写入一个值，并且按钮值将类似于不到一分钟前。我拥有其他一切，但我只是不知道如何更改值。

我试过代码是 jsFiddle，它在那里工作，但在我的例子中没有。http://jsfiddle.net/hPQP9/61/

任何帮助表示赞赏！

Answer 1

好的，有趣；Javascript 与 Jquery...

    $(function(){
    $("#medsreviewedid").click(function(){
        alert('hi');
    });
});

medReviewCtrl = '<form name="medsreviewedform"> \
    <input type="button" class="medsreviewedclass" name="medsreviewedname" \
    id="medsreviewedid" value="7 minutes ago"></form>';

工作正常！

Answer 2

试试这个，我更喜欢对 html 代码使用单引号：

medReviewCtrl = '<form name="medsreviewedform"> \
<input type="button" class="medsreviewedclass" name="medsreviewedname" \
id="medsreviewedid" value="7 minutes ago" onclick="ChangeButtonText(this)"> \
</form>';