Question

page1.php中

在此选择选项被选中选项被发送到 page.php

忘记在此page1.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加载之后，javascript代码专注于此ID tg_value_select 此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 必须隐藏并输入框必须显示..

关注选择选项无效请帮助..

感谢。

Answer 1

如果您尝试关注选项标记，它将无效。您可能已使用div创建自定义选择框。但是，如果您在单击或输入所选项目时尝试更改，请在jQuery中使用.change

根据选择选项的焦点隐藏和显示

1 个答案: