Search jQuery

jQuery Forum

Getting Started

Nevzz

Need to disable the selected drop down items

in Getting Started • 8 years ago

Needed to disable few items from a HTML drop down box, with a 'Submit' button not just normal click or normal button.

Reason of doing this:

I have, a jsp page where I need to perform operations that needs a page to re-load from servlet. Thus have submit button, so once a user is on the page, the drop down having item disabled should remain disabled for the entire session.

Any one who could help me doing that using Jquery or Javascript would be great.

I know to do the normal disable in JQuery can be done via this->

$("#mySelect option['value=test']").attr("disabled","disabled");

Replies(8)

jakecigar

Re: Need to disable the selected drop down items

8 years ago

$("#mySelect option[value='test']").prop("disabled",true);

http://jsfiddle.net/jakecigar/A2vAW/ <--

JΛ̊KE

Nevzz

Re: Re: Need to disable the selected drop down items

8 years ago

Thank you Jake, how do we keep it disabled throughout the session, even if we refresh the page multiple times. Having said that I meant,

I have a submit button to handle the drop down values and once the submit button gets clicked it refreshes the page and show the results accordingly.

So how do you suggest I can keep that state intact even the page is refreshed!!!

jakecigar

Re: Need to disable the selected drop down items

8 years ago

Well, Nancy, you should run that line when the page is ready, and whenever you recreate that select.

JΛ̊KE

Nevzz

Re: Re: Need to disable the selected drop down items

8 years ago

Thanks Jake, by recreating you mean I need to execute the same line on window 'onload' function script??

Can you please help me in showing some small example on onload and recreating the line after a submit button? If possible. I will really appreciate :)

Thanks

jakecigar

Re: Need to disable the selected drop down items

8 years ago

The simple way to use it is… the exact source from my previous example.

<!DOCTYPE html>

<html>

<head>

<title> - jsFiddle demo by jakecigar</title>

</style>

<script type='text/javascript'>//<![CDATA[
$(function(){
$("#mySelect option[value='test']").prop("disabled",true);
});//]]>
</script>

</head>

<body>

</select>

</body>

</html>

Are you actually RE-creating the <select>, or is it only the original?

JΛ̊KE

Jake !== Jack.

Nevzz

Re: Re: Need to disable the selected drop down items

8 years ago

Thank you Jake! :)

I basically have a select drop downs and a submit button.

so from each item inside a select drop down, if selected and hit submit, it reloads the page and change the <div></div> for that particular or every item accordingly.

Now, I need to work on something that actually have to be disabled from the beginning based on some matched sessions.

and continue giving related selection based results with being few chosen as disabled through out!

Hope dint confused you!

(Using jsp, servlet to pass the values)

jakecigar

Re: Need to disable the selected drop down items

8 years ago

My name is not Jack.

JΛ̊KE

Response title

Attachments

jQuery Forum

Need to disable the selected drop down items

Replies(8)

Re: Need to disable the selected drop down items

Re: Re: Need to disable the selected drop down items

Re: Need to disable the selected drop down items

Re: Re: Need to disable the selected drop down items

Re: Need to disable the selected drop down items

Re: Re: Need to disable the selected drop down items

Re: Need to disable the selected drop down items

Re: Re: Need to disable the selected drop down items

Statistics

Tags

Actions

Related Posts