Search jQuery

jQuery Forum

Dynamic JQuery query generation to “disable” a drop down “option” in JSP

in Using jQuery • 6 years ago

I am working with Servlet and JSP. I have a JSP form in which I have a drop down list with `id's` associated with it, as of now I have three options in the drop down list.

HTML CODE--

<option value="value1" id="001">valuee1 count</option>

<option value="value2" id="002">value2</option>

<option value="value3" id="003">value3

</option>

</optgroup>

</select>

</form>

Now I need to disable few of the options in my above drop down list using jquery. Below is my jquery in which I am disabling the `option` with the list of `id's` that I get from my servlet.

`Store` is the value that I am passing from my servlet and is a `List`-

JQuery code--

$(document).ready(function () {

$(function () {

alert(<%=request.getAttribute("store") %>);

$(<%=request.getAttribute("store") %>).prop("disabled", true);

});

</script>

In 'Alert' I am getting the value as null

Below is my servlet from which I am passing a list which will have all my id's which I want to disable in my drop down list.

Servlet code--

List<String> storeTest = new ArrayList<String>();

storeTest.add("001");

storeTest.add("002");

req.setAttribute("store",StringUtils.join(mapForId(storeTest).toArray(),","));

this.getServletContext().getRequestDispatcher( "/myPage.jsp" ).forward( req, response );

Problem Statement:-

Now my question is - In my JSP page the options in the drop down, it does not get disabled after its been passed. Can anyone please correct me what am I doing wrong.

Replies(6)

dsvick

Re: Dynamic JQuery query generation to “disable” a drop down “option” in JSP

6 years ago

A couple of things

Unless you're using html 5 your IDs shouldn't start with a number.

If your alert says "null" then that is what is being passed into the jQuery selector, so it wont work there either. The value passed in should look like "#001, #002" so that the entire selector looks like

$("#001, #002").prop("disabled", true);

It's been a while since I worked with jsp but it looks like your creating an array when what you really want is a string.

Dave

Nevzz

Re: Dynamic JQuery query generation to “disable” a drop down “option” in JSP

6 years ago

Thank you Dave for the note. I am not using HTML5 but I will change the id's.

That's correct, I have a list of strings stored in an array, and I needed to get it passed to the JSP page and get iterated to set the value in the JQuery selector to disable the drop down option.

I am stuck in passing the value to JSP because as you said its not coming right through the way it should. can you please help me on this?

and also another question would be, can we pass multiple id's to JQuery selector to disable the options?

Thanks!

dsvick

Re: Dynamic JQuery query generation to “disable” a drop down “option” in JSP

6 years ago

Instead of creating an array and trying to pass that in the response, just create a string and send it back in the response.

Yes, you can use the multiple selector to use more than one ID (or other criteria) at a time. In your case it should look like what I posted earlier

$("#001, #003").prop("disabled", true);

Would disable the options with the IDs of 001 and 003. So you would want to create and return a string that looks like #001, #003

Like I said, my jsp is a little (ok a lot) rusty but something like this might do it

req.setAttribute("store", "#001, #003");

Dave

Nevzz

Re: Dynamic JQuery query generation to “disable” a drop down “option” in JSP

6 years ago

Thank you so much Dave, It definitely make sense. Let me do this way and see if I am able to catch up what I am looking for :)

The only concern is, I might have multiple id's that I would need to pass it on to my JSP for making the options disable, so I thought of using the list and iterate further. So, can we do that in JQuery iterate the passed value from Servlet and then create the JQuery disable statement?

Just curious!

Thanks!!

dsvick

Re: Dynamic JQuery query generation to “disable” a drop down “option” in JSP

6 years ago

If you want to pass an object to iterate over there are a couple of options depending on how, and where, you want to do the iteration. If you want to use a java array or some other container, you would need to do the iteration on the server and send a string to the web page like what I posted above.

The other option would be to create a json array and send that to the web page, then you could use jQuery to grab that and iterate over it. However, when you're doing it the way you are, where you're using <%= ... %> to write something into the page, you are pretty much reduced to dealing with strings. Even if you create a json array, your going to create it as a string and then use jQuery to turn it into a json array to iterate over. So unless you have a lot of items or complex data structure you don't gain much by doing it that way.

If you just have a few ids I would just create a string and write it right into the jQuery selector.

Dave

Nevzz