如何根据使用 jquery/ajax 的下拉选择隐藏或取消隐藏 php 网站中包含表单字段的表行？
[英]How to hide or unhide table rows containing form fields in a php website based on a drop down selection using jquery/ ajax?
问题描述
How to hide or unhide table rows containing form fields in a php website based on a drop down selection using jquery/ ajax?
如何根据使用 jquery/ajax 的下拉选择隐藏或取消隐藏 php 网站中包含表单字段的表行？ I am stuck on this.我坚持这一点。 I used the script below but, it only hides the field leaving blank rows between the form fields.我使用了下面的脚本，但它只隐藏了在表单字段之间留下空白行的字段。 So, is there a way to also hide the respective table rows.那么，有没有办法也隐藏相应的表格行。
Thank you.谢谢你。
my code:我的代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script language="javascript" type="text/javascript">
function toggleMe(val)
{
var designation = document.getElementById('designation');
var organization = document.getElementById('organization');
if(val=='Trainee')
{
designation.style.display = "none";
organization.style.display = "none";
}
else
{
designation.style.display = "block";
organization.style.display = "block";
}
}
</script>
</head>
<body>
<form>
<table width="100%" border="0">
<tr>
<td><select name="select" onchange="toggleMe(this.value)">
<option value="0">Select any one</option>
<option value="Trainee">Trainee</option>
<option value="Product">Product</option>
</select></td>
<td> </td>
</tr>
<tr>
<td>Enter Designation</td>
<td> </td>
</tr>
<tr>
<td><input name="designation" type="text" id="designation" /></td>
<td> </td>
</tr>
<tr>
<td>Enter Organization</td>
<td> </td>
</tr>
<tr>
<td><input name="organization" type="text" id="organization" /></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</form>
</body>
</html>
1 个解决方案
解决方案1
0 已采纳 2021-03-18 03:51:01
Try like this像这样试试
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script language="javascript" type="text/javascript">
function toggleMe(val)
{
var designation = document.getElementById('designation');
var organization = document.getElementById('organization');
var lavelOne = document.getElementById('lavel-one');
var lavelTwo = document.getElementById('lavel-two');
if(val=='Trainee')
{
designation.style.display = "none";
organization.style.display = "none";
lavelOne.style.display = "none";
lavelTwo.style.display = "none";
}
else
{
designation.style.display = "block";
organization.style.display = "block";
lavelOne.style.display = "block";
lavelTwo.style.display = "block";
}
}
</script>
</head>
<body>
<form>
<table width="100%" border="0">
<tr>
<td><select name="select" onchange="toggleMe(this.value)">
<option value="0">Select any one</option>
<option value="Trainee">Trainee</option>
<option value="Product">Product</option>
</select></td>
<td> </td>
</tr>
<tr id="lavel-one">
<td>Enter Designation</td>
<td> </td>
</tr>
<tr>
<td><input name="designation" type="text" id="designation" /></td>
<td> </td>
</tr>
<tr id="lavel-two">
<td>Enter Organization</td>
<td> </td>
</tr>
<tr>
<td><input name="organization" type="text" id="organization" /></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</form>
</body>
</html>
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.
相关问题
根据下拉菜单中的选择显示/隐藏表单字段 - Show/hide form fields based on a selection from a drop down menu
如何使用 Javascript 隐藏基于 HTML 表单中另一个下拉列表的选择的下拉选项 - How to hide a drop down option based on the selection of another drop down in a form in HTML using Javascript
如何显示/隐藏基于角度的下拉选择的div？ - how to show/hide div based on drop down selection using angular?
如何基于单选按钮隐藏和取消隐藏表单字段？ - How to hide and unhide form fields based on a radio button?
如何使用jquery基于下拉选择来打印值？ - How to print the values based on drop down selection using jquery?
使用JQuery根据下拉选择隐藏和显示div - Use JQuery to hide and show a div based on drop down selection
jQuery根据下拉菜单中的选择创建和删除字段 - jquery create and delete fields based on selection from a drop down menu
如何使用 php ajax javascript 根据选定的下拉项更改表格的颜色 - how can I change the color of a table based on selected drop down item using php ajax javascript
使用AJAX根据选择填充表单字段 - Using AJAX to fill form fields based on selection
Javascript / jQuery隐藏基于选定下拉项的字段 - Javascript / jQuery Hide fields based on Selected Drop Down item
相关标签