Javascript: Модальные формы

Question

У меня есть кнопка

<button class="modalInput" rel="#prompt" onClick="params(1,2,'test','test2');">User input</button> 

JavaScript вызов:

<script> 
    function params(a,b,c,d) { 
    var catid = a; 
    var id = b; 
    var text1 = c; 
    var text2 = d; 
} 

модальное окно:

$(document).ready(function() { 
var triggers = $(".modalInput").overlay({ 


<div class="modal" id="prompt"> 
<form> 
<div> 
<table> 
<tr> 
<td>Question:</td><td><input value=text1 name="question" maxlength="80" size="40"/></td> 
</tr> 
<tr> 
<td>Answer:</td><td><input value=text2 name="answer" maxlength="40" size="40"/></td> 
</tr> 
</table> 
<input type="hidden" name="catid" value=catid /> 
<input type="hidden" name="id" value=id /> 
<script> 
alert (text1); 
document.getElementByName('question').value = text1; 
</script> 

Я думал, что я просто не мог сделать часть сценария в конец, но это не работает ... Итак, что я делаю неправильно? Последняя часть скрипта не выполняется вообще ...

Answer 1

Обратите внимание, что объявление переменной с «var» делает ее локальной. Эти 2 строки кода не имеют большого смысла:

<input type="hidden" name="catid" value=catid /> 
<input type="hidden" name="id" value=id /> 

Поскольку это простой HTML. Вы должны установить их значение с помощью javascript.

Редактировать: Итак, из того, что я понимаю, вы хотите, чтобы функция params() задавала значения формы. Вы можете сделать это так (простые JS, с JQuery это даже проще):

function params(a,b,c,d) { 
    var catid = getElementsByName("catid")[0]; 
    catid.value = a; 
    //same for the other 3 
}