Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/80.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
Jquery 使用ajax显示隐藏字段或neew请求?_Jquery_Html_Ajax - Fatal编程技术网

Jquery 使用ajax显示隐藏字段或neew请求?

Jquery 使用ajax显示隐藏字段或neew请求?,jquery,html,ajax,Jquery,Html,Ajax,我需要在网站的表单中插入一些输入字段 根据用户在输入中选择的选项,将插入这些字段 正确的方法是什么 使用ajax的新请求添加这些字段,或者只是隐藏所有可能的字段,并根据所选选项显示它们 (我不会向数据库发出任何请求)如果在更改选择字段时确实需要在服务器上执行某些操作,您可能需要使用ajax调用,如果您不只是隐藏字段并根据选择选项显示字段。ajax用于与服务器“对话”。如果只是更改值并显示/隐藏某些字段,则将它们放在带有style='display:none;'并通过更改样式显示/隐藏它们,例如使

我需要在网站的表单中插入一些输入字段

根据用户在
输入中选择的选项,将插入这些字段

正确的方法是什么

使用ajax的新请求添加这些字段,或者只是隐藏所有可能的字段,并根据所选选项显示它们


(我不会向数据库发出任何请求)

如果在更改选择字段时确实需要在服务器上执行某些操作,您可能需要使用ajax调用,如果您不只是隐藏字段并根据选择选项显示字段。

ajax用于与服务器“对话”。如果只是更改
值并显示/隐藏某些字段,则将它们放在带有
style='display:none;'并通过更改样式显示/隐藏它们,例如使用jquery,您可以使用:

 $(selector).show();
一些示例代码(当然,有很多方法可以做到这一点,这里有一种):

$(“#选择器”)。在(“更改”,函数()上){
$(“.dogs,.cat”).hide();
$(“+$(this.val()).show();
});

你喜欢吗?
请选择
狗
猫
哪种狗:
大的
草率的
雅皮士
什么类型的猫:
冷漠的
独立的
家猫

非常感谢您!值得注意的是,另一方面,如果控件过于复杂,或者在不同的位置使用重叠的控件ID/名称(这使得简单的显示/隐藏异常混乱),那么可以使用ajax获取表单。除非您使用的是SPA(单页应用程序),否则如果它们特别复杂,最好将它们放在不同的页面上。