我需要在我的 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>
我该怎么做?
最佳答案
使用下面的:
$(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>
关于javascript - 如何以 Laravel 形式开发 javascript 事件句柄,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44736781/