Jquery clear and restore dropdown values

Question

I am wondering if it's possible to restore dropdown values once they have been cleared by jquery?

In this example you can see that when you check one of the checkboxes, it disables and clears the corresponding dropdowns. Once the checkbox is unchecked, the values are gone.

Is i possible to only have the values cleared when the checkbox is checked?

http://jsfiddle.net/ZXSKH/32/

BZink · Accepted Answer · 2011-11-02 14:49:33Z

1

I won't question whether it's necessary or not. This answers your question...

http://jsfiddle.net/ZXSKH/38/

answered Nov 2, 2011 at 14:49

BZink

7,99110 gold badges41 silver badges55 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

James Hill · Accepted Answer · 2011-11-02 14:37:12Z

0

Removing the options is unnecessary since you're already disabling the selects. Simply reduce the width of the disabled selected to simulate the removal of the options:

//Remove this line
$('div[day_id="' + $(this).val() + '"] select').find('option').remove()

//Replace with this:
selects.css("width", "22px");

//Don't forget to restore the width when enabling the selects:
selects.css("width", "75px");

Here's a working fiddle.

answered Nov 2, 2011 at 14:37

James Hill

62.1k22 gold badges150 silver badges166 bronze badges

2 Comments

logistef Over a year ago

I remove the options because when posted to the database it wont post the default hours in the dropdown options. That way when i read the values from the database it won't look like they filled in the values and I will get correct hours. Unless I could solve that in another way?

Law Metzler Over a year ago

You can prepend a value to each and then remove that prepended value

erimerturk · Accepted Answer · 2011-11-02 14:40:37Z

0

why u need to remove select options ?

http://jsfiddle.net/ZXSKH/36/

u can try this. Change this line

$('div[day_id="'+$(this).val()+'"] select').find('option').remove()

to

$('div[day_id="'+$(this).val()+'"] select').attr('disabled','')

answered Nov 2, 2011 at 14:40

erimerturk

4,28827 silver badges25 bronze badges

2 Comments

logistef Over a year ago

I remove them because when posted to the database it would post the wrong values? Or am I wrong? I mean when someone selects the checbox and submits the form the fields should be empty or am getting this wrong?

erimerturk Over a year ago

while u are reading the data for send server, u can filter it with default values or disabled attribute.

Collectives™ on Stack Overflow

Jquery clear and restore dropdown values

3 Answers 3

Comments

2 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related