передача текста к функции OnClick

Question

Я хочу передать текстовый элемент (строку) к функции на клик:

document.getElementById("struct_list").innerHTML="<li onClick='ClickStructList("+text+");'><a href='#'>"+text;` 

ClickStructList определяется следующим образом:

ClickStructList=function(text){ 
window.alert("click"); 
window.alert(text); 
}; 

Это не работает , firefox debug istelling me: «C не определен», C - значение текста.

Спасибо за любую помощь

PS: Я не хочу использовать JQuery

Answer 1

кавычки отсутствовали в вызове ClickStructList ... это работает:

var ClickStructList=function (text) { 
    window.alert("click"); 
    window.alert(text); 
}; 

var text="Hello World"; 
document.getElementById("struct_list").innerHTML="<li  
    onClick='ClickStructList(\""+text+"\");'><a href='#'>"+text; 

Answer 2

Пытаться определить свою функцию как функцию не переменной

function ClickStructList(text){ 
    window.alert("click"); 
    window.alert(text); 
}; 

Кроме того, когда вы определяете onClick обратного вызова то ты должен окружать его котировкой

<li onClick='ClickStructList("My entered text");'> 

так что в вашем примере:

.innerHTML="<li onClick='ClickStructList(\""+text+"\");'> 

Answer 3

попробовать, изменив код JS для этого:

document.getElementById("struct_list").innerHTML="<li onClick='ClickStructList(\""+text+"\");'><a href='#'>"+text; 

Answer 4

вы забыли добавить кодовые знаки для строки, поэтому JS пытается проанализировать ваш текст как код.

Вам нужно по крайней мере, STH, как это:

... "<li onClick='ClickStructList(\""+text+"\");'><a href='#'>" ... 

или даже лучше

... "<li onClick='ClickStructList("+ JSON.stringify(text) +");'><a href='#'>" ...