條件語句在jsp頁面

我有一個單選按鈕列表來選擇兩個服務之一。條件語句在jsp頁面

<table align="center" width="100%"> 
    <tr> 
     <td colspan="2"> 
      <input type="radio" name="selectedValue" value="serviceWise"> 
      Service-Wise 
      &nbsp;&nbsp;&nbsp; 
      <input type="radio" name="selectedValue" value="districtWise"> 
      District-Wise 
     </td> 
    </tr> 
</table> 

<table> 
    <tr> 
     <td> 
     Service Name 
     </td> 
    </tr> 
</table>

我需要爲兩個選項顯示不同的行。當選擇Service-Wise時，應顯示服務名稱，當選擇District-Wise時，應顯示地區名稱。例如在上面的代碼中，我顯示了服務名稱，但是隻有在選擇Service-Wise選項時它纔會顯示。我只能在顯示部分卡住，這就是爲什麼我沒有提到代碼中的任何數據檢索部分。我想在jsp頁面中做到這一點，真的很感謝某人的幫助。

來源

2013-06-05 user2446815

所以，你想這樣做顯示此「服務名稱」在頁面加載基於選定的單選按鈕，或者你想在頁面加載後動態執行此操作？（即用戶更改單選按鈕，TD標籤中顯示的新數據）如果在頁面加載後，您需要JavaScript。否則@DWB已回答你的問題。 –

我想在頁面加載完成後執行此操作，當用戶更改單選按鈕時，顯示會相應更改 – user2446815

調查JSTL（具體是選擇標籤）。

下面是一個例子（在測試的細節和「顯示元件」疏鬆的）：

 
    <choose> 
     <when test="service is selected"> 
      show service stuff 
     </when> 
     <otherwise> 
      show district stuff 
     </otherwise> 
    </choose>

來源

2013-06-05 17:22:50 DwB

更新：忘了把＃在結果ID的前面。現在它可以工作。

這聽起來像你需要一些JavaScript，除非你打算每當選擇一個單選按鈕時重新加載你的頁面。

我使用jQuery來簡化你正在尋找的東西。在JSP頁面的標籤中添加以下內容。它會鏈接到jQuery JavaScript文件。它還會在名爲'selectedValue'的單選按鈕上添加一個更改監聽器，允許您動態更改表格單元格中的值。

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
    $("input[name='selectedValue']").change(function() { 
     if ($("input[name='selectedValue']:checked").val() == 'serviceWise') 
      $("#result").text("Service Name"); 
     else if ($("input[name='selectedValue']:checked").val() == 'districtWise') 
      $("#result").text("something else"); 
    }); 
}); 
</script>

同時更新您的表格，如下所示。我添加了id屬性來輕鬆引用單元格。

<table> 
    <tr> 
     <td id="result"> 
     Service Name 
     </td> 
    </tr> 
</table>

我用這個答案（和它的一些代碼），所以你可能要檢查出來：jQuery .change() on Radio Button

的jsfiddle：http://jsfiddle.net/mikeyfreake/UUbxa/

來源

2013-06-05 18:05:41

條件語句在jsp頁面

回答

相關問題