Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/442.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
如何以laravel形式开发javascript事件句柄_Javascript_Php_Jquery_Forms_Laravel 5 - Fatal编程技术网

如何以laravel形式开发javascript事件句柄

如何以laravel形式开发javascript事件句柄,javascript,php,jquery,forms,laravel-5,Javascript,Php,Jquery,Forms,Laravel 5,我需要开发与输入文本框,单选按钮和可选值在我的laravel应用程序的形式。 这是我的简单表格 <html> <head> <title>Form Generation</title> <body> <form action="welcome.php" method="post"> Name: <input type="text" name="name"><br><br> <inp

我需要开发与输入文本框,单选按钮和可选值在我的laravel应用程序的形式。 这是我的简单表格

<html>
<head>
<title>Form Generation</title>
<body>
<form action="welcome.php" method="post">
Name: <input type="text" name="name"><br><br>

<input type="radio" name="gender" value="male" checked> Male<br>
<input type="radio" name="gender" value="female"> Female<br>

<br><br>

<select name="cars">
    <option value="volvo">Volvo XC90</option>
    <option value="saab">Saab 95</option>
    <option value="mercedes">Mercedes SLK</option>
    <option value="audi">Audi TT</option>
  </select>

<br><br>

<input type="submit">
</form>


</body>
</head>
</html> 

表格生成
名称:

男性
女性


沃尔沃XC90 萨博95 梅赛德斯SLK 奥迪

我需要在我的页面中的初始仅显示输入框

Name: <input type="text" name="name"><br><br> 
名称:

然后当光标选择到输入框并输入一些值时,我需要显示(加载)表单的其他项

<input type="radio" name="gender" value="male" checked> Male<br>
<input type="radio" name="gender" value="female"> Female<br>

<br><br>

<select name="cars">
    <option value="volvo">Volvo XC90</option>
    <option value="saab">Saab 95</option>
    <option value="mercedes">Mercedes SLK</option>
    <option value="audi">Audi TT</option>
  </select>

<br><br>

<input type="submit">
</form>
男性
女性


沃尔沃XC90 萨博95 梅赛德斯SLK 奥迪

我如何才能做到这一点?

使用以下方法:

$(函数(){
$('[name=name]')。键控(函数(){
if($(this.val()){
$('div.somename').show();
}
否则{
$('div.somename').hide();
}
});
});

名称:

男性
女性


沃尔沃XC90 萨博95 梅赛德斯SLK 奥迪


这就是您所期望的@Lilanh如何将jquery脚本放入文件中?我不熟悉jqueryFirst include jquery library(在我的答案中的表单之前)…之后,将jquery内容粘贴到脚本中,如
我的jquery内容
。lalithkumar它工作正常,但这里有一些问题,即当我将一些值放入输入框时,需要显示其他项目才能再次单击光标。但我需要显示其他项目,只需在输入框@lalithkumarglad中输入一个值即可,以帮助@lilan请显示您尝试过的内容。Stackoverflow既不是免费的代码编写服务,也不是“如何”教程服务。这里的目标是在代码无法按预期工作时帮助您修复代码。见: