更改下拉列表内容

更改下拉列表内容

本文介绍了根据单选按钮Java Servlet更改下拉列表内容的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

如何根据单选按钮单击更改下拉列表内容。



我的代码:



How do I change drop down list content based on radio button click.

my code :

import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.RequestDispatcher;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;

/**
 * Servlet implementation class Tes
 */
@WebServlet("/Tes")
public class Tes extends HttpServlet {
    private static final long serialVersionUID = 1L;

    /**
     * @see HttpServlet#HttpServlet()
     */
    public Tes() {
        super();
        // TODO Auto-generated constructor stub
    }

    /**
     * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
     */
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // TODO Auto-generated method stub
        //HttpSession sess = request.getSession(true);
        //int id = 5;
        //sess.setAttribute("id", id);
        //response.sendRedirect("det.html");






        PrintWriter outid = response.getWriter();
        outid.println("<!DOCTYPE html>"
        +"<html><head><meta http-equiv='Content-Type' content='text/html; charset=UTF-8'>");

        outid.println("<script type='text/javascript' src='dummy.js'></script>"
        +"<link rel='stylesheet' type='text/css' href='result-light.css'>"
        +"<style type='text/css'>"
        +"</style>"



+"<script type='text/javascript'>"+"//<![CDATA["

+"(function() {"
+"var radIn = null, sel = null, current = false"
+"function init() {"
+"var radOut = document.getElementById('radOut');"
+"radIn = document.getElementById('radIn');"
+"sel = document.getElementById('dropDown');"

+"radIn.addEventListener('change', onChange);"
+"radOut.addEventListener('change', onChange);"
+"onChange();"
+"}"
+"function onChange() {"
+"var rad = radIn.checked;"
+"if(rad == current)"
+"return;"
+"current = rad;"
+"var array = rad ?"
+"['in1','in2','in3','in4','in5'] : "
+"['out1','out2','out3','out4','out5'];"
+"sel.innerHTML = '';"
+"array.forEach(function(k) {"
            //alert(k + ' asdsd');
            +"var opt = document.createElement('option');"
            +"opt.innerHTML = k;"
            +"sel.appendChild(opt);"
            +"})"
            +"}"
            +"window.addEventListener('load', init);"
            +"})();"
            +"//]]>"

            +"</script>"

+"<style type='text/css'></style></head>"
+"<body>"
        +"<input type='radio' value='in' name='campus' id='radIn' checked='checked'>"
        +"<label for='radIn'>In Campus</label>"
        +"<br>"
        +"<input type='radio' value='out' name='campus' id='radOut'>"
        +"<label for='radOut'>Out Campus</label>"
        +"<br>"
        +"<select id='dropDown'><option>in1</option><option>in2</option><option>in3</option><option>in4</option><option>in5</option></select></body></html>");







    }


    /**
     * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
     */
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // TODO Auto-generated method stub
        doGet(request, response);
    }

}

推荐答案


这篇关于根据单选按钮Java Servlet更改下拉列表内容的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

10-19 15:52