根據第一個下拉列表項選擇,我希望第二個下拉列表應包含相關內容。我如何在java中做到這一點? 例如, 假設第一個下拉列表包含國家名稱,第二個下拉列表包含州的名稱。如果我選擇一個特定的國家,說「印度」,從第一個下拉列表中選擇名字,那麼第二個列表應該只顯示國家的相關國家,即「印度」國家。 這兩個列表都是動態的。根據第一個下拉列表選擇,第二個下拉列表應包含相關內容
0
A
回答
0
這比Java更Javascript和支柱2.
有兩個選項,你可以得到關於該項目的第一個下拉的價值觀爲重點,另一個下拉列表的值的地圖。
然後,當第一個組合框的值被選中時,您可以從javascript映射中獲取值並將其設置爲第二個下拉列表。
其他選項是在第一個下拉列表中選擇一個ajax請求,並從結果中剔除第二個下拉列表。
0
我會建議使用javascript此:
或者與阿賈克斯,通過使返回選項的支柱作用,並重裝
select
的內容,例如使用jQuery:$("#stateSelect").load('http://host/myStateAction.do?country=' + country);
或在頁面加載時加載整個國家/地區的映射,並在沒有服務器調用的情況下用純javascript更新第二個列表。要做到這一點,你可以例如在每個國家
option
存儲一個data-states
屬性,包含相應的狀態。
<option value="code" data-states="state1,state2,state3">countryName</option>
否則,如果你想避免的JavaScript,你可以提交你的表單時改變事件被觸發,並在服務器端(Struts動作)你填寫基於價值的第二個列表的第一個,並重定向到表單頁面。 <select onchange="documents.forms['myForm'].submit()">
0
你必須使用JavaScript象下面這樣:
這是更好地從Java端處理,而不是:
這是您的樣本HTML文件:
<select id="country" name="country" aria-required="true" class="required">
<option value="">Select Your Country</option>
<option value="USA">India</option>
<option value="CA">Pakisthan</option>
</select>
<p><label for="state">Select Your State<span title="required">*</span>
</label></p>
<select id="state" name="state" aria-required="true" class="required">
<option value="" selected="">Select Your State</option>
<optgroup label="India">
<option value="WB">West Bengal</option>
<option value="BH">Bihar</option>
</optgroup>
<optgroup label="Pakisthan">
<option value="LH">Lahore</option>
<option value="IB">Islamabad</option>
</optgroup>
</select>
這裏是你的JavaScript示例:
var stateVar = $('#state option, #state optgroup');
stateVar.hide();
$('#country').change(function() {
stateVar.hide();
$("#state optgroup[label='" + $(this).find(':selected').html() + "']")
.children()
.andSelf()
.show();
});
你也可以使用AJAX,它對你來說可能有點複雜,所以最好使用簡單的JavaScript。
您可以嘗試這種方法,並在發生任何問題時通知我。
相關問題
- 1. 第二個下拉列表根據ASP.NET中第一個下拉列表的選擇進行更改
- 2. UNANSWERED - 第二個下拉內容取決於第一個下拉列表
- 3. 從第二個下拉列表中選擇下拉菜單
- 4. 根據第一個下拉選擇顯示第二個下拉選項jquery
- 5. 從下拉列表中選擇,第二個下拉列表中的選項
- 6. 如何用第一個下拉列表填充第二個下拉列表
- 7. 根據第一個下拉列表填充一個下拉列表
- 8. 根據在PHP中選擇的第一個下拉列表填充第二個下拉菜單
- 9. 根據第一個下拉菜單選擇加載第二個下拉菜單
- 10. 基於第一個下拉列表的第二個下拉選項
- 11. 如何基於第一個下拉列表框的選定選項禁用或啓用第二個下拉列表中的第二個下拉列表
- 12. 執行宏第二下拉列表中,當點擊第一個下拉列表
- 13. 如何根據第一個下拉列表的值填充$ .ajax()中的第二個下拉列表?
- 14. Excel - 根據第二列中的值從第一列開始包含動態內容的下拉列表
- 15. 在第一個下拉列表中選擇後自動填充第二個下拉列表項目
- 16. 第一個下拉列表名稱選擇顯示第二個下拉列表中的電子郵件值
- 17. 根據第一個選擇下拉列表填充其他選擇下拉列表
- 18. 根據第一個多選select下拉選項填充下拉列表
- 19. 依賴下拉列表不會加載選擇第一個下拉列表
- 20. 如何根據第一個下拉選定值綁定第二個下拉列表ASP.NET MVC3
- 21. 將選定的下拉列表傳遞到第二個下拉列表中
- 22. 根據Wordpress頁面中的第一個填充第二個下拉列表
- 23. 根據另一個下拉列表中的選擇填充下拉列表
- 24. 如何在第一個下拉列表中使用所選值填充第二個下拉列表?
- 25. 不要在第二個下拉列表中顯示第一個下拉列表中的選定項目
- 26. 基於第一個填充第二個下拉列表 - AngularJS
- 27. 下拉列表選項填充第二個列表js/php?
- 28. MySQL表填充一個dropown。一旦選擇,第二個下拉列表填入
- 29. 下拉列表第
- 30. 如何添加選項到下拉選擇從另一個下拉列表中,並有第二個下拉列表填充特定的div內容
你是在談論擺動組件或HTML? – 2013-04-05 09:10:53
Struts2中有'
'標籤。 – 2013-04-05 09:11:42@ Sudhanshu,我必須在JSP頁面上顯示。 – Sagar 2013-04-05 09:20:37