TB_内联？ onclick删除thickbox然后从选项值显示thickbox和div id答案

【问题标题】：TB_inline? onclick remove thickbox then show thickbox and div id from option valueTB_内联？ onclick删除thickbox然后从选项值显示thickbox和div id
【发布时间】：2014-01-24 17:44:55
【问题描述】：

因此，当我单击简码按钮时，我正在处理一些简码，我正在显示一个带有可用简码的选择框的厚框窗口。当我从下拉菜单中单击一个简码时，我正在显示该简码选项。问题是当我从选择中选择不同的简码时，它会显示新的简码选项和以前的简码选项。我想删除厚框，然后显示带有新选择的 div 的厚框。

<script>
  function inlineId() {
    tb_remove();
    var optionValue = jQuery('select[name=shortcodeOptions]').val()
    tb_show("Choose a Shortcode", "#TB_inline?height=300&amp;width=400&amp;inlineId=" + optionValue + "");
    } 
</script>

<div id="shortcode_list" style="display:none">
    <label for="select">
        <span>Choose a shortcode</span>
    </label>
    <select name="shortcodeOptions">
        <option>Select a shortcode</option>
        <option onclick="inlineId()" value="alert_div">Alert</option>
        <option onclick="inlineId()" value="button_div">Button</option>
    </select>
</div>

使用此代码，当我选择一个新选项时，我可以在更改所选选项的同时看到厚框关闭，但关闭后它不显示厚框。

【问题讨论】：

标签： jquery wordpress-theming wordpress thickbox

【解决方案1】：

我采取了不同的方式。不确定这是否是最好的解决方案，但它的工作原理。

<script>
function showOptions() {
    var optionValue = jQuery('select[name=shortcodeOptions]').val()     
    jQuery('.sc_options').css('display','none');
    jQuery('.'+optionValue+'').css('display','block');
    tb_show("Choose a Shortcode", "#TB_inline?height=300&amp;width=400&amp;inlineId=" + optionValue + "");
}
</script>

还有 HTML 内容

<div id="shortcode_list" style="display:none">
    <label for="select"><span>Choose a shortcode</span></label>
    <select name="shortcodeOptions" onchange="showOptions();">
        <option>
            Select a shortcode
        </option>

        <option value="alert_div">
            Alert
        </option>

        <option value="button_div">
            Button
        </option>
    </select>
</div>

【讨论】：