我想要設計與許多領域的形式。有些字段依賴於第一個下拉列表。 如何設計只顯示那些需要的?如何設計動態表單?
-1
A
回答
1
你應該隱藏你可能不需要的那些CSS。
然後,您應該創建一些javascript來顯示/隱藏字段,具體取決於選擇的值。 jQuery示例:
$('select[name=yourselect]').change(function() {
switch($(this).val()) {
case 'someval':
$('input[name=somefield]').show();
$('input[name=someotherfield]').hide();
break;
// add as many cases as you want, one for each value
}
})
// this is useful when your select has an initial value,
// to show/hide the fields depending on the initially selected option
$('select[name=yourselect]').trigger('change');
0
如果您想在多個步驟中創建一個動態表單,其中第二個表單依賴於第一個表單值,那麼您可以使用Django表單嚮導。如果你不想使用jquery,這很好。通過這種方式,您還可以爲個別表單應用自定義清理功能。
檢查form wizard文檔。我希望這會對你有用。
相關問題
- 1. 如何設計動態菜單
- 2. 如何設計動態列數的表?
- 3. 如何爲關係動態表單設計數據庫?
- 4. 動態設計表佈局
- 5. 如何爲動態表單設計數據庫表(用戶定義的字段)
- 6. 如何在動態表單域中添加動態表單域?
- 7. 如何動態設計GWT DataGrid
- 8. 如何動態設計ASP.net ListView LayoutTemplate?
- 9. Django動態菜單設計問題
- 10. WPF動態設計單元格
- 11. 動態下拉菜單設計模式
- 12. 編碼和設計動態WordPress菜單
- 13. 我如何設計UITableView iPhone中的單元格動態?
- 14. 數據庫設計動態表
- 15. 數據庫:動態標籤設計表
- 16. 動態列表視圖 - 設計模式
- 17. 如何設計Crystal報表與動態數據
- 18. 如何在Pentaho報表設計器中創建動態SQL?
- 19. 如何設計一個表與「動態」參數
- 20. 使用哪種設計模式動態構建表單。 PHP
- 21. 動態表單的設計,存儲和檢索
- 22. 在設計中創建動態添加用戶表單
- 23. 用於動態表單字段驗證的數據庫設計
- 24. ASP.NET動態用戶界面或表單設計器
- 25. TYPO3菜單:如何設置「entryLevel」動態?
- 26. PHPExcel如何動態設置單元值
- 27. 如何設計表單繼承
- 28. 如何內聯表單設計yii2?
- 29. 如何製作表單設計器
- 30. 如何顯示設計表單錯誤
我擔心這種反應是'手工使用jquery'。 – danihp 2012-03-01 08:15:24
我想要設計有效的Django類的所有字段,並只顯示需要 – Nips 2012-03-01 08:32:24
一個解決方案可能被設置爲隱藏的依賴輸入,並在需要時通過可視化控件與jQuery進行更改。 – danihp 2012-03-01 09:11:10