Javascript 基于选择选项的焦点隐藏和显示_Javascript_Php_Jquery_Html_Hide

Javascript 基于选择选项的焦点隐藏和显示

javascript php jquery html

Javascript 基于选择选项的焦点隐藏和显示,javascript,php,jquery,html,hide,Javascript,Php,Jquery,Html,Hide,page1.php 在这里，选择选项被选中。选项被发送到页面。php 忘记在此page1.php中选择的值当鼠标单击或聚焦于所选id（即选择选项html标记）时，我试图隐藏和显示输入框 <html> <script> $('#cic_name').focus(function(){ var array = []; $('

page1.php

在这里，选择选项被选中。选项被发送到页面。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>


$（'#cic_name'）。焦点（函数（）{
var数组=[]；
$（'.tg\u值\u选择选项：选中'）。每个（函数（i，值）{
数组[i]=$（this.val（）；
});                                                                             
如果（数组长度>0）
{
$（“#cic_name”）.hide（）；
$（“#show_cic”）.load（“checkbox.php”，{values:array}，function（）{}）；
}
否则{
$（“#cic_name”）.show（）；
}          
});             
儿童
1.
2.
3.
4.
5.

page2.php

在通过ajax加载page2.php之后，关注此id的javascript代码tg\u value\u select此id:cic\u value\u selectshow be hide and input id:cic\u 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>


$（函数（）{
$（“.tg\u value\u select”）.focus（函数（）{
$（“.cic_value_select”）.hide（）；
$（“#cic_name”）.show（）；
});
});
儿童
1.
2.
3.
4.
5.

加载page2.php后，用户选择选择选项，即..tg_值_选择第二个选择选项cic_值_选择必须隐藏，输入框必须显示

专注于选择选项无效，请帮助

谢谢。

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

是的，我尝试使用on change..函数，但它也不起作用…在ajax加载page2.php之后，如果用户试图单击page1.php，即选择选项，则第二个选择html标记应隐藏，输入框应显示……请阅读问题……您无论如何不能使用焦点。您可以在选择加载后使用您的逻辑隐藏和显示。。要么使用document.ready，要么在tagyes，present之前加载javascript，我已经获取了输入框，以便只关注输入元素，但是，如果用户关注第一个page1.php上的select元素，而不是通过ajax调用加载的page2.php中的第二个select选项，那么应该隐藏并显示输入框……这就是逻辑。。。。