jquery
2017-09-10 18 views 0 likes 
0

如何編寫這個onblur事件來動態插入HTML元素? 我正在未捕獲的SyntaxError:意外的標識符jQuery:如何編寫這個onblur事件來動態插入HTML元素?

var engraving_li = "<input type='text' 
id='engraving_txt_" + res[res.length-1] + "' 
onblur='lengthCountOnBlur(this, "divcount_"+res[res.length-1]+")' 
name='engraving_text[]' class='element text form-control' maxlength='20' 
placeholder='Engraving here (20 words)' />"; 
$(engraving_li).insertBefore("#divcount_"+res[res.length-1]); 

這是原來的元件第一我除去,然後如在上述代碼

<input type="text" id="engraving_txt_<?php echo $add_number ?>" name="engraving_text[]" class="element text form-control" maxlength="20" placeholder="Engraving here (20 words)" 
value="<?php echo (isset($_SESSION['engraving_text']) && isset($_SESSION['engravingOption']) && $_SESSION['engravingOption'][$add_number-1]=='Yes') ? $_SESSION['engraving_text'][$add_number-1] : ''; ?>" 
    onblur="lengthCountOnBlur(this, 'divcount_<?php echo $add_number; ?>');" onkeyup="limitTextCount(this, 'divcount_<?php echo $add_number; ?>', 20);" onkeydown="limitTextCount(this, 'divcount_<?php echo $add_number; ?>', 20);"/> 
+0

你能分享你所得到的錯誤的詳細信息。 –

+0

@DanPhilip在瀏覽器控制檯中顯示此錯誤未捕獲的SyntaxError:意外的標識符 – Haroon

+0

在哪一行發生異常。你應該可以從控制檯找到它。 –

回答

1

使用此:

var engraving_li = "<input type='text' id = 'engraving_txt_" + res[res.length - 1] + "' onblur = \"lengthCountOnBlur(this,'divcount_" + res[res.length - 1] + "')\" name = 'engraving_text[]' class='element text form-control' maxlength= '20' placeholder = 'Engraving here (20 words)' />"; 
$(engraving_li).insertBefore("#divcount_" + res[res.length - 1]); 
+0

工作完美....謝謝! – Haroon

1

您在錯過了「+」號再次插入字符串

onblur='lengthCountOnBlur(this, "divcount_"+res[res.length-1]+")' 

應該

onblur='lengthCountOnBlur(this, divcount_ + " res[res.length-1]+")' 
+0

這沒有奏效,Uncaught語法錯誤:意外的字符串 – Haroon

+0

我已更新我的問題請檢查 – Haroon

+0

@哈羅恩我已更新我的答案。請檢查。 –

相關問題