Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
跟踪单击了哪个元素,然后在Javascript/Jquery中相应地读取数据_Javascript_Jquery_Dom_User Input - Fatal编程技术网

跟踪单击了哪个元素,然后在Javascript/Jquery中相应地读取数据

跟踪单击了哪个元素,然后在Javascript/Jquery中相应地读取数据,javascript,jquery,dom,user-input,Javascript,Jquery,Dom,User Input,我有3个按钮/div,ID为“BTN_a..b..c”,分别使用一个或多个输入字段显示3个不同的div。“BTN_a”显示“DIV_a_输入”,并隐藏其他输入。。等等其思想是,当单击按钮id=“BTN_Post_Wall”时,将执行数据检查,如果一切正常,则将数据发送到一个php文件进行处理。如何跟踪按下了哪个按钮以及哪些输入字段可见。。因此,当点击“BTN_Post_Wall”时,仅读取这些输入字段。是否有某种全局变量可以更改其值。。e、 g.var Pressed=“a”在哪里添加此函数?是

我有3个按钮/div,ID为“BTN_a..b..c”,分别使用一个或多个输入字段显示3个不同的div。“BTN_a”显示“DIV_a_输入”,并隐藏其他输入。。等等其思想是,当单击按钮id=“BTN_Post_Wall”时,将执行数据检查,如果一切正常,则将数据发送到一个php文件进行处理。如何跟踪按下了哪个按钮以及哪些输入字段可见。。因此,当点击“BTN_Post_Wall”时,仅读取这些输入字段。是否有某种全局变量可以更改其值。。e、 g.var Pressed=“a”在哪里添加此函数?是否可以向任何元素添加某种伪“属性”,如$(“#DIV_abc”).attrib(“伪”)=“A_clicked”,然后用BTN_Post_Wall读取? 换句话说,如果单击了“Btn A”,然后单击了“Btn_Post_Wall”,这意味着只有INP_A值需要作为ajax读取、检查和发送。如果按下按钮C,然后按下“BTN_Post_Wall”,则只需处理INP_C_1、INP_C_2和INP_C_3。我可以在哪里存储此信息并只按一个按钮继续? 非常感谢大家的帮助。。非常感谢你

function CH_ANGE(th, txt)
{   switch(txt) 
    { case "a_click":
            $("#DIV_A_inputs").show();          
            $("#DIV_B_inputs").hide();          
            $("#DIV_C_inputs").hide();          
            break;
            
      case "b_click":
            $("#DIV_A_inputs").hide();          
            $("#DIV_B_inputs").show();          
            $("#DIV_C_inputs").hide();          
            break;
            
      case "c_click":
            $("#DIV_A_inputs").hide();          
            $("#DIV_B_inputs").hide();          
            $("#DIV_C_inputs").show();          
            break;
}
主要的_UI.php文件如下:

        <div id="DV_post_type">                  
             <div id="BTN_a" onclick="CH_ANGE(this, 'a_click')">Button A</div>     
             <div id="BTN_b" onclick="CH_ANGE(this, 'b_click')">Button B</div>      
             <div id="BTN_c" onclick="CH_ANGE(this, 'c_click')">Button C</div>
                            
             <button id="BTN_Post_Wall" onClick="POST_AJAX_INP_to_PHP_BUTTON()">POST</button>
        </div>

        <div id="DIV_abc">
                <div id="DIV_A_inputs">Div_A and other content
                     <input TYPE="TEXT" ID="inp_A" NAME="INP_A">                
                </div>
                
                <div id="DIV_B_inputs">Div_B and other content
                     <input TYPE="TEXT" ID="inp_B_1" NAME="INP_B_1">                     
                     <input TYPE="TEXT" ID="inp_B_2" NAME="INP_B_2">                     
                     <input TYPE="TEXT" ID="inp_B_3" NAME="INP_B_3">                     
                </div>
                
                <div id="DIV_C_inputs">
                     <input TYPE="TEXT" ID="inp_C_1" NAME="INP_C_1">
                     <input TYPE="TEXT" ID="inp_C_2" NAME="INP_C_2">
                </div>
        </div>          

按钮A
按钮B
按钮C
邮递
分区A和其他内容
分区B和其他内容

看来你把事情复杂化了。为什么不使用类将属于一起的东西分组呢?真的不需要“跟踪”事情<代码>此将告诉您单击了哪个按钮,您可以使用与此相同的类对输入执行操作。不要在每种情况下都显示/隐藏,只需在切换情况之前隐藏所有按钮,并只显示相关的按钮。@develinnate Hi。。问题是,有3个Buton支持3组完全不同的输入,这是javascript的一部分。然后。。用户根据可见的输入字段输入值,然后。。当他点击唯一的“BTN_Post_Wall”时,检查和发布完成。。如何使BTN_Post_Wall的代码知道去哪里并开始阅读。。它可以去任何地方。。要划分输入,请执行以下操作:。。或DIV_B_输入或DIV_C_输入…为按钮分配类。对于与每个按钮关联的输入,分配相同的类——这样您的元素按类“分组”。您将知道要显示或隐藏哪些输入,因为它们是与按钮具有相同类的元素。单击BTN_Post_Wall按钮时,您知道要检查哪些输入,因为它们是具有一个共享类的可见输入。您可以使用数据属性来区分不同的元素,并使用jquery中的
.data
方法从元素中读取属性。