Change drop down list content based on radio button

Question

0.00/5 (No votes)

See more:

How do I change drop down list content based on radio button click.
my try : http://ideone.com/RWbZ54

Java

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

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("<html>"
	    +"<head>"
	    	+"<script language='javascript'>"
	    		+"var current = false;"
	    		+"function onChange()"
	    		+"{"
	    		
	    		
	    		+"document.write('1')"
	    		
	    		
	    		
	    		+"var rad = document.getElementById('radIn').checked;"
	    			+"if(rad == current)"
	    				+"return;"
	    			+"current = rad;"
	    			+"var array = rad ? ['in1','in2','in3','in4','in5'] :"
	    			    +"['out1','out2','out3','out4','out5'];"
	    			+"var sel = document.getElementById('dropDown');"
	    			+"sel.innerHTML = '';"
	    			+"var opt;"
	    	
	    			
	    			+"document.write('3')"
	    		
	    			
	    			+"for each(var k in array)"
	    			+"{"
	    				//alert(k + ' asdsd');
	    				+"opt = document.createElement('option');"
	    				+"opt.innerHTML = k;"
	    				+"sel.appendChild(opt);"
	    				+"}"
	    				+"}"
	    	+"</script>"
	    +"</head>"
	    +"<body >"
	    	+"<input type='radio' value='in' name='campus' />"
	    	+"<label for='radIn'>In Campus</label>"
	    +"<br />"
	    
	    
	    +"document.write('7')"
	    
	    
	    
	    
	    +"<input type='radio' value='out' name='campus' />"
	    	+"<label for='radOut'>Out Campus</label>"
	    	+"<br />"
	    	+"<select id='dropDown'/>"
	    	
	    	
	    	+"document.write('9')"
	    
	    	
	    	+"</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);
	}

}

Posted 10-Nov-15 11:17am

Siddharth.10

Updated 10-Nov-15 15:18pm

Mohibur Rashid

v3

Add a Solution

Comments

Wombaticus 10-Nov-15 17:54pm

It's better to post your code here. No-one wants to click on a link that could be to anything...

Mohibur Rashid 10-Nov-15 21:20pm

You can change list content onClick event
First delete the current content and
write the changes.

If the list comes from your server then you should consider AJAX

Mohibur Rashid 11-Nov-15 2:36am

First of all: no, I am not going to do that. I am not going to fix your code.
The reason is you didn't do anything.

go to google search for "Javascript event handler"

document.write statement in SCRIPT tag. document.write will destroy your current window and print 1

There is some Javascript code inside your html tags. Pointless

And follow tutorial please. You know nothing about html or Javascript

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)