我想自定义 joomla 注册表单。我添加了 2 个文本字段(公司名称、增值税号),并创建了一个带有 2 个选项(商业用户、普通用户)的单选按钮 customerType。
现在所有字段都在表单中可见。我想要的是,当用户选择业务用户以启用 2 个文本字段时,当他选择普通用户以动态禁用它们时。
我想我需要在表单中添加 javascript。任何人都可以帮忙吗?
谢谢!
我想自定义 joomla 注册表单。我添加了 2 个文本字段(公司名称、增值税号),并创建了一个带有 2 个选项(商业用户、普通用户)的单选按钮 customerType。
现在所有字段都在表单中可见。我想要的是,当用户选择业务用户以启用 2 个文本字段时,当他选择普通用户以动态禁用它们时。
我想我需要在表单中添加 javascript。任何人都可以帮忙吗?
谢谢!
我已经这样做了here
# Script to show hide div
<script type="text/javascript">
function show(obj) {
if(obj == 'farmer')
{
document.getElementById('SkiDiv1').style.display = 'block';
document.getElementById('SkiDiv2').style.display = 'none';
}
if(obj == 'landowner')
{
document.getElementById('SkiDiv2').style.display = 'block';
document.getElementById('SkiDiv1').style.display = 'none';
}
if(obj == 0)
{
document.getElementById('SkiDiv2').style.display = 'none';
document.getElementById('SkiDiv1').style.display = 'none';
}
}
</script>
# Selct from dropdown
<select name="siteusertype" class="inputbox1 required" onchange="show(this.value)">
<option id="selectuser" value="0">Select User</option>
<option value="farmer">Are you a Farmer ?</option>
<option value="landowner">Are you a Landowner ?</option>
</select>
# Both div with different IDs
<div id="SkiDiv1"> User 1 field </div>
<div id="SkiDiv2"> User 2 field </div>
1-在javascript上创建一个函数并在每个收音机的onClick事件中引用。
2-内部javascript函数使用javascript的getElementById函数根据用户选择设置表单的任何html元素可见或不可见。
function hideElement()
{
if (user select you want)
document.getElementById("element-to-hide").style.visibility="hidden";
else
//if you want display element
document.getElementById("element-to-display").style.visibility="visible";
}
参见示例:
http ://www.w3schools.com/jsref/met_doc_getelementbyid.asp
http://www.w3schools.com/jsref/prop_style_visibility.asp