select all values from dropdown list

Try as below...

function ResetDepartment() {
    var ResetDept = 'Clear Department';
    var dropdown = $("#DispDepartmentBox");

    var SelDept = $("#SelectDepartmentImpacted option");
    var listDept = [];

    $.each(SelDept, function (index, value) {
        if ($('#SelectDepartmentImpacted').length > 0) {
            //I want to have a list of all my value so I can send it to the URL
            listDept.push($(value).val()); //I want all the list value from the dropdown list like this listDept = (4,3,2,5)

        }
    });

    var output = JSON.stringify(listDept);

    $('#TxtDepartment').val('');

    $.get("getDepartmentName.cfm?listDept=" + encodeURIComponent(output) + "filter=" + encodeURIComponent(ResetDept), function (data) {
        dropdown.html(data);
    });
}

Select all Open in new window

Play here - http://jsfiddle.net/mdshahbrains/7rdY7/1/

Hope that helps :)

Shah

My Keyup event is not working

am I missing something?

What do you mean by this? In your question you have provided as JS function.

1) Are you getting any JS error? If so, what it says?
2) Is the control going inside keyup event function, can you keep alert inside like this & check if it is being fired?

$("#TxtDepartment").keyup(function(evt) {
    
    alert('Inside kepup event');

    // you remaining code
    ...
});

Select all Open in new window

Cheers,
Shah Md

Its okay. I am also trying to understand your issue here..

So the question related stuff has been answered.. This is a bit new issue ahead of it..

Ok lets see what I can help you on this then..

As an initial start.. Replace your keyup event with below code:

$("#TxtDepartment").keyup(function(evt) {

	alert('1. Key up Event fired');		
	var SelDept = $("#SelectDepartmentImpacted option");
    	var listDept = '(';

    	$.each(SelDept, function (index, value) {
	        if ($('#SelectDepartmentImpacted').length > 0) {
        	    listDept += $(value).val() + ',' ; 
	        }
    	});
    
    	listDept = listDept.substring(0,listDept.length-1) + ')';
	
	alert('2. Dropdown List Values : ' + listDept);		
	alert('3. Text Entered, Filter : ' + $(this).val());		

	//URL encoded  encodeURIComponent(myUrl)
	$.get("getDepartmentName.cfm?listDept=" + encodeURIComponent(listDept) + "filter=" + encodeURIComponent($(this).val()), function (data) {

		alert('4. GET function on success : ' + data);		
	       dropdown.html(data);
	});	
});

Select all Open in new window

I have kept 4 ALERTS in the code, now run & let me know what you can see when you enter filter value in TxtDepartment

You there..????

Have you tried as said above, whats the output ?

Its already late.. I will be going to sleep shortly..

Let me know if you require any help.

Shah

What happened to above alert code I have given in my earlier post.

Are you not getting alert inside function(data) {

As you say if (encodeURIComponent) is the problem then how come it has worked earlier to keyup event when its just a JS function. So problem might be something else.

Try to perform $.get without encodeURIComponent, something like below and see if it works:

$.get( "getDepartmentName.cfm?listDept=" + listDept + "&filter=" + $(this).val(), function (data) {
			dropdown.html( data );

Select all Open in new window

Let me know what this results in ???

Shah

Also try to post the structure of calling steps where you are fetching values (listDept,filter) from query string in getDepartmentName.cfm file as there can be a issue at that location too. Debug and check what values is being received.

Shah

Happy That I have been useful..

Good Luck for further coding :)