的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”的变量使其成为本地。这两行代码没有多大意义：

<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 
}