javascript - 如何从表单中打开 Thickbox 并为其提供数据？

Question

我有一个简单的搜索 php 脚本，在该脚本内有一些 html 和 javascript 来创建搜索输入字段和按钮。 我想做的是，当有人输入搜索并按提交时，厚盒打开，结果将显示在厚盒中。

到目前为止，我拥有的是搜索字段和按钮，当我按下提交时，它会短暂显示粗框，结果页面会重载，但没有搜索结果。

这是代码:

<form method="get">

<input type="text" name="merk"  size=10 style="font-weight: bold; background-color:#D5DF23;">&nbsp;&nbsp;

<input type="image" name="merk"  class="thickbox" onclick="document.location.href='searcher.php?keepThis=true&TB_iframe=true&height=520&width=800';"  src="zoek1.jpg" width="110" alt="Zoek" onMouseOver="this.src='zoek2.jpg'" onMouseOut="this.src='zoek1.jpg'">

</form></input>

Answer 1

您似乎缺乏对 HTML、JavaScript 以及一般编程的一些基本了解，您确实应该花更多时间来了解基础知识。

Thickbox 似乎并未设计为按您想要的方式使用。无论如何，我查看了源代码，以更传统的方式使用该功能非常容易，使其更加灵活(只需使用适当的参数调用函数 tb_show 即可)。你想要的是这样的:

<input type="text" id="merk" size=10 style="font-weight: bold; background-color:#D5DF23;">
<img onclick="tb_show('title','searcher.php?merk='+document.getElementById('merk').value+'&TB_iframe=true&height=520&width=800',false)" style="cursor:pointer;" src="zoek1.jpg" width="110" alt="Zoek" onMouseOver="this.src='zoek2.jpg'" onMouseOut="this.src='zoek1.jpg'">