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应用程序

回答

相关问题