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

请注意使用＆＃34; var＆＃34;声明变量使它成为本地的。这两行代码没有多大意义：

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

Javascript：模态形式

1 个答案: