如何使用thickbox（或模态窗口）更新选择输入框

Question

我有一个带有动态选择框的表单（从数据库中提取）。我想让用户能够在不离开表单的情况下添加到该选择框。我希望当用户单击选择框旁边的链接时弹出一个厚框（或模式窗口）。厚盒弹出窗口将有一个表单，用户可以在其中输入要在选择框中显示的新值。当用户单击“提交”时，厚框（或模式）弹出窗口将关闭，并仅刷新他们要添加到的选择框...从而保留表单上的所有其他数据。作为奖励，我还希望选择框可以选择刚刚添加的值。

我找到了一些相似的例子，但没有完全相同的。我见过的最接近的是 jquery 的 AddToList 插件： http://pelicansareevil.com/jquery/ addtolist - 但它不使用厚盒样式弹出窗口。

我已经接近获得此工作的厚盒版本，但当厚盒关闭时，我似乎无法自动刷新选择框。

Answer 1

下面的代码将被插入到厚盒关闭时调用的函数中。您可能还需要添加一些代码以在关闭厚框后清除文本框。

如果你有两个像这样的输入...

<input name="newValue" type="text" />
<input name="newName" type="text" />

那么你可以这样做...

var newValue = $('input[name="newValue"]').val();
var newName = $('input[name="newName"]').val();

// Removes the selected attribute from your current options
$('#mySelect option:selected').removeAttr("selected");

// Adds a new option with the selected attribute
$('#mySelect').append('<option selected="selected" value="' + newValue + '">' + newName + '</option>');

Answer 2

我认为主要问题是当 ThickBox 关闭时你无法捕获事件。据我所知，ThickBox 本身不支持回调，您可以在回调中传递一个在模式窗口关闭时调用的函数。
不过，您可以尝试向thickbox cb_thickbox 添加此内容（将其替换为当前的ThickBox 脚本）。它为 ThickBox 插件添加了回调函数。

只需在脚本中定义此函数即可

var TB_callback = function(){alert("Now I can update my combobox!")};