TB_inline? onclick remove thickbox, а затем show thickbox и div id из значения опции

Question

Итак, я работаю над некоторыми кодами, когда я нажимаю кнопку короткого кода. Я показываю окно толстого окна с полем выбора с доступными кодами. Когда я нажимаю на короткий код из раскрывающегося списка, я показываю, что параметры shortcodes. Проблема в том, что, когда я выбираю другой короткий код из выбора, он показывает новые параметры короткого кода и предыдущие параметры короткого кода. Я хочу удалить толстый бокс, а затем показать толстый бокс с новым выбранным 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> 

С помощью этого кода, когда я выбираю новый вариант, я могу видеть закрытие ThickBox при изменении выбранного варианта в то же время, но он не отображает ThickBox после закрытия.

Answer 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 Content

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