gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 10:45:12 24 4
gpt4 key购买 nike

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

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com