根据选择选项的焦点隐藏和显示 - Hide and Show based on focus of the select option

Hide and Show based on focus of the select option

page1.php

在这种情况下，选择选项被选择。选项被发送到页面。php

忘记在此页面中选择的值1.php

当鼠标点击或聚焦于所选id时，我试图隐藏并显示输入框，即选择选项html标签

   <html>
    <script>         
    $('#cic_name').focus(function(){                                
            var array = [];
            $('.tg_value_select option:checked').each(function(i,value){                                    
                array[i] = $(this).val();                                           
        });                                                                             
            if(array.length>0)
            {
                $("#cic_name").hide();    
                    $("#show_cic").load("checkbox.php",{values:array},function(){});        
           }
          else {        
          $("#cic_name").show();              
        }          
    });             
    </script>

    <select multiple="multiple" id="tg_value_select" class="tg_value_select">
        <option value="child" selected="selected">Children</option>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>
    </select>
    <input type="text" id="cic_name" name="cic"  placeholder="CiC Name">
    </html>

page2.php

在page2.php通过ajax加载后，关注此id的javascript代码tg_value_selectthis id:cic_value_select示为隐藏，输入id:cic_name应显示。。。

<html>
    <script type="text/javascript">
    $(function(){
    $(".tg_value_select").focus(function(){
                $(".cic_value_select").hide();
                        $("#cic_name").show();
                });
    });
    </script>
    <select title="Basic example"  class="cic_value_select" >
        <option value="child" selected="selected">Children</option>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>
    </select>
</html>

page2.php加载后，用户选择选择选项，即tg_value_select第二个选择选项cic_value_select须隐藏，输入框必须显示。。。

专注于选择选项不起作用，请帮忙。。

谢谢。

如果您试图在选项标记上进行聚焦，它将不起作用。您可能已经使用div创建了一个自定义的选择框。但是，如果您在点击或输入所选项目时试图更改，请使用jQuery 中的change