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，其中该按钮是其中的一部分。按钮显示正常但是当我尝试调用此函数时，我得到了预期的对象。如果我这样做就行了;

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

最终目标默认值将从时间值（1周前）中获得，onclick将写入数据库的值，按钮值将在不到一分钟之前。我有其他一切，但我无法弄清楚如何改变价值。

我已经尝试过代码是jsFiddle，它可以在那里工作，但不是在我的例子中。 http://jsfiddle.net/hPQP9/61/

任何帮助表示赞赏！

Answer 1

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

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

Answer 2

好的，有趣的; Javascript vs 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>';

工作正常！

坚持调用onclick函数

2 个答案: