2013-04-04 52 views
0

我想定製joomla註冊表單。 我添加了2個文本字段(公司名稱,vat_number),我創建了一個帶有2個選項(業務用戶,普通用戶)的單選按鈕customerType。在joomla 2.5中自定義註冊表格 - 根據單選按鈕值,在飛行中啓用字段

現在所有的字段都可以在窗體中看到。我想要的是,當用戶選擇業務用戶啓用2個文本字段,以及當他選擇普通用戶來禁用它們時。

我想我需要將JavaScript添加到窗體。誰能幫忙?

謝謝!

回答

1

我在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> 
+0

非常感謝做到了這一點!我檢查了你的網站,這正是我想要做的! 這是您創建的Joomla用戶註冊的修改或修改嗎?我從core joomla用戶配置文件插件的xml文件中添加了我的新字段。我必須將該代碼放在我的模板的視圖文件中嗎? (我是joomla中的自定義新手......) – 2013-04-05 13:11:35

+0

您可以在視圖文件以及主題的索引文件上使用它。 – 2013-04-06 03:31:50

+0

如果答案看起來不錯,您可以接受或upvote :) – 2013-04-06 03:32:31

0

1-請在每個無線電的onClick事件上的JavaScript和參考的函數。
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

相關問題