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

【问题标题】：how to develop javascript event handle in laravel form如何以 laravel 形式开发 javascript 事件句柄
【发布时间】：2017-11-27 22:33:11
【问题描述】：

我需要在 My 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>

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

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>

我该怎么做？

【问题讨论】：

请展示您尝试过的内容。 Stackoverflow 既不是免费的代码编写服务，也不是“如何” 教程服务。此处的目标是帮助您在 您的代码 无法按预期工作时修复它。见：How to Ask

标签： javascript php jquery forms laravel-5

【解决方案1】：

使用下面的：

$(function(){
$('[name=name]').keyup(function(){
if($(this).val()){
$('div.somename').show();
}
else{
$('div.somename').hide();
}
});

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<form action="welcome.php" method="post">
Name: <input type="text" name="name"><br><br>

<div style='display:none'; class='somename'>
<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">
</div>
</form>

【讨论】：

这是您所期待的？ @Lilan
如何将 jquery 脚本放入我的文件中？我是 jquery 的新手
首先包含 jquery 库（在我的回答中的表单之前）..然后将 jquery 内容粘贴到脚本中，如 <script>my jquery content</script>。
lalithkumar 它工作得很好，但这里有一些问题，即当我在输入框中输入一些值时，它会显示其他项目以再次单击光标。但我需要显示其他项目，只需在输入框中输入一个值@lalithkumar
很高兴帮助@Lilan