2012-10-08 38 views
0

我一直在敲打我的腦袋上這個現在一段時間...卡住調用的onclick功能

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"; 
}​ 

我有,我創建一個dynammic DIV其中的這個按鈕是它的一部分JS文件。該按鈕顯示正常,但當我嘗試調用此函數時,我得到對象預期。如果我這樣做就行了;

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

最終默認值將從時間值(1個星期前)中導出,並且在的onclick目標將寫入值到數據庫和按鈕值會像不到一分鐘前。我有一切,但我無法弄清楚如何改變價值。

我試過的代碼是jsFiddle,它在那裏工作,但在我的例子中沒有。 http://jsfiddle.net/hPQP9/61/

任何幫助表示讚賞!

+0

分享鏈接到jsFiddle示例。 – WTK

+0

我不知道爲什麼你之前有反斜槓「有沒有需要它,它可能會導致一些問題... – gabrjan

+0

你能提供鏈接到jsFiddle? –

回答

0

試試這個,我更喜歡使用的HTML代碼單引號:

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

欣賞,但它仍然失敗。 – cbm64

0

好了,有趣的; 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>'; 

工作正常!