Java Web應用程序

我想一個鍛鍊; Tibial一個問題，所以我需要幫助這個：Java Web應用程序

指數：

<meta charset="UTF-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
</head> 
<body> 
    <h1>My first servlet page </h1> 

</body>

的Servlet：

protected void processRequest(HttpServletRequest request, HttpServletResponse response) 
      throws ServletException, IOException { 
     response.setContentType("text/html;charset=UTF-8"); 
     try (PrintWriter out = response.getWriter()) { 
      /* TODO output your page here. You may use following sample code. */ 
     out.println("<!DOCTYPE html>"); 
     out.println("<html>"); 
     out.println("<head>"); 
     out.println("<title>Servlet primerservlet</title>");    
     out.println("</head>"); 
     out.println("<body>"); 
     out.println("<h1>" + request.getContextPath() + "</h1>"); 
     out.println("</body>"); 
     out.println("</html>"); 

    } 
}

JSP：

 </form>  


    <h1>Server hour: <%= new java.util.Date() %> </h1> 

    <h3>Background color</h3> 
    <select> 

     <option value="">Select background color</option> 
     <option value="1"> Blue</option> 
     <option value="2">Red</option> 
     <option value="3">green</option> 
     <option value="4">pink</option> 
</select> 

    <h3> Select font color</h3> 
<select> 
      <option value="">Select an option</option> 
      <option value="1">blue</option> 
      <option value="2">red</option> 
      <option value="3">green</option> 
      <option value="4">pink</option> 
</select> 
    <input type="Submit" value="Change">

所以我想改變背景顏色，並與選擇標籤服務器每小時的文本，按下按鈕「改變」這樣的

你的幫助是非常讚賞，

來源

2015-08-21 Gerardo Quintana

你不使用HTML表單提交？在這裏你可以只用一個jsp來完成，不需要額外的servlets/jsp .. – Arvind

變化

<input type="Submit" value="Change">

到

<input type="button" value="Change" onClick="changeColor();">

變化

<select>到<select id="myID">

加入JavaScript代碼

function changeColor() 
{ 

    $('h1').css({'color' : $("#myId option:selected").html()}); 
    $('h3').css('background-color', $("#myId option:selected").html()); 
}

來源

2015-08-21 04:01:13

它沒有工作：/，沒有任何形式，我打電話提交servlet？ somthing like out.println（「」+ request.getParameter（Change）+「」）; ？ –

@GerardoQuintana，改變提交到按鈕＆記得要包括jquery文件。 –

我希望你正在尋找這個

$("#select-background").change(function() { 
 
    $("h1").css('background-color',this.options[this.value].text); 
 
}); 
 
$("#select-color").change(function() { 
 
    $("h1").css('color',this.options[this.value].text); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<h1>Server hour</h1> 
 
<h3>Background color</h3> 
 
<select id="select-background"> 
 
      <option value="">Select an option</option> 
 
      <option value="1">blue</option> 
 
      <option value="2">red</option> 
 
      <option value="3">green</option> 
 
      <option value="4">pink</option> 
 
</select> 
 
<h3> Select font color</h3> 
 
<select id="select-color"> 
 
      <option value="">Select an option</option> 
 
      <option value="1">blue</option> 
 
      <option value="2">red</option> 
 
      <option value="3">green</option> 
 
      <option value="4">pink</option> 
 
</select>

來源

2015-08-21 04:10:27 Nooh

我認爲這個想法是讓他們學習Java servlet方面的案例切換，而不僅僅是通過本地瀏覽器javascript來改變它。 Java編程類=）孩子讓你做他們的作業大聲笑 –

這種解決方案只是一個JSP：

<form method="post"> 
    <h1 style="color:${param.color};background:${param.bg};">Server Time:<%=new java.util.Date()%></h1> 
    <h3>Background color</h3> 
    <select name="bg"> 
    <option value="">Select background color</option> 
    <option>Blue</option> 
    <option>Red</option> 
    <option>green</option> 
    <option>pink</option> 
    </select> 

    <h3>Select font color</h3> 
    <select name="color"> 
    <option value="">Select an option</option> 
    <option>blue</option> 
    <option>red</option> 
    <option>green</option> 
    <option>pink</option> 
    </select> 
    <input type="Submit" value="Change" /> 
</form>

來源

2015-08-21 05:03:24 Arvind

爲什麼我的提交按鈕不工作？ –

Bcoz，它不在表格標籤內，BTW是否爲我解決了這個問題？ – Arvind

Java Web應用程序

回答

相關問題