TB_inline? onclick thickbox를 제거하고 thickbox와 div id를 옵션 값으로 표시합니다.

Question

단축 코드 버튼을 클릭하면 몇 가지 단축 코드를 작업하므로 사용 가능한 단축 코드가있는 선택 상자가있는 thickbox 창이 표시됩니다. 드롭 다운에서 단축 코드를 클릭하면 해당 단축 코드 옵션이 표시됩니다. 문제는 새로운 단축 코드 옵션과 이전 단축 코드 옵션을 표시하는 선택에서 다른 단축 코드를 선택할 때입니다. 두꺼운 상자를 제거한 다음 새 선택한 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 내용

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