2010-05-13 57 views
0

我有一個窗體,它根據一個單選按鈕更改輸入區域。Javascript - formular - 嵌套動態appendchild函數

文本有出現textarea的文本框 似乎有額外的2場爲選擇,多選和單選cols和rows 似乎有與使用appendChild附加字段

看看這裏: http://joomla.byethost16.com/php.php

現在我想要的是讓用戶添加更多的參數,參數2,參數3等

不幸的是,我做了觸發字段按照這樣的單選按鈕這樣的js函數

function textarea(){  
if (document.getElementById('option2').checked = true){ 
    document.getElementById('feld').style.display = ''; 
     document.getElementById('feld2').style.display = ''; 
     document.getElementById('feld4').style.display = 'none'; 
}} 

因此,這意味着我在我的形式沒有動力,因爲在此功能的ID是不是動態的和的onclick將觸發任何東西,或只是總是第一個參數1。

所有PARAMS應該是這樣的,但不知何故越來越多和JS-功能的無線電應該帶他們太

<td>Param_1</td> 
<td><p> 
<input type="radio" onclick='text()' name="option0" id="option0" value="text" checked="yes">text 
<input type="radio" onclick='spacer()' name="option0" id="option1" value="spacer">spacer 
<input type="radio" onclick='textarea()' name="option0" id="option2" value="textarea">textarea 
<input type="radio" onclick='selecta()' name="option0" id="option3" value="select">select 
<input type="radio" onclick='radio()' name="option0" id="option4" value="radio">radio 
<input type="radio" onclick='checkbox()' name="option0" id="option5" value="checkbox">checkbox</br> 
<input type="hidden" name="fields" value="1" id="fields" /> 

<div id="feld"> 
Name <input type="text" name="param1" id="param1" size="40" maxlength="40"> 
Default<input type="text" name="paramdef1" id="paramdef1" size="40" maxlength="40"> 
<div id="feld4" style="display:none;"> 
<input type="text" name="param11" size="40" value="value1" style="display: inline"> 
<a href=# onclick='add(1)'>add</a> <a href=# onclick='reset()'>reset</a></div> 
</div> 

<div id="feld2" style="display:none;"> 
Columns<input type="text" name="cols1" size="20" maxlength="40">Rows<input type="text" name="rows1" size="20" maxlength="40"></div> 


</td> 
</tr> 

我怎麼做,我的表單中動態獲取(像我一樣的「添加/重置「在複選框),人們可以添加更多的參數? 有關完整代碼請到這裏查看源: http://joomla.byethost16.com/php.php

THX這麼多的幫助,在此

+0

什麼是參數2?這是一個文本框列表,就像參數1,用戶可以繼續添加?參數2如何與其他表單控件相關聯 - text,textarea,select,radio和checkbox? – Anurag 2010-05-13 03:36:28

+0

param2,3 ...是param1的副本/ appendchild。但我不知道如何使函數(文本,textarea,select,...)動態,他們也可以用於下面的參數(參數2,參數3,..)。謝謝 – Email 2010-05-13 20:43:57

回答

0

我使用$(本)與解決它「單擊」綁定到每一個坐在類按鈕。

另一種解決方案是使用一個插件,例如http://www.mdelrosso.com/sheepit/index.php?lng=en_GB這是非常好的,但依賴於某種結構(你必須在表單中定義一個索引,在大多數情況下必須在處理中使用索引,因爲一些index_vars可以跳過用戶。)