Dropdown List

rubyonrails-talk
1

Hi,

When I am selecting a particular value from DropDown(values are being populated from DB), is it possible to show the same value in dropdown.

Currently,when i am selecting any value from the dropdown the selected value is no longer visible in the dropdown list.

Need a help as i have to complete this task asap.

Many Thanks, Milley

2

Sorry, I have no idea what you mean. Please show us the section of code you are using to display the dropdown and explain in more detail what is going wrong.

Colin

3

Hi Colin,

The query which i am using on my form is :

= f.select(:word_ids, Word.order(:text).collect {|w| [ w.text, w.id ] }, { label: "Words" }, { multiple: true })

I am able to select a value from dropdown list of values.If i want to select the same value again then i can't see that value in the dropdown list anymore.

Is there any way that i can see the value in dropdown list irrespective of how many times i have selected the value.

Also,please find attached screenshot.

Thanks, Milley

Colin Law wrote in post #1178473:

4

Hi Colin,

The query which i am using on my form is :

= f.select(:word_ids, Word.order(:text).collect {|w| [ w.text, w.id ] }, { label: "Words" }, { multiple: true })

I am able to select a value from dropdown list of values.If i want to select the same value again then i can't see that value in the dropdown list anymore.

Is there any way that i can see the value in dropdown list irrespective of how many times i have selected the value.

Also,please find attached screenshot.

I believe that the word is still there in the list, but it is styled so that the background and text are the same colour so you cannot see the text. Normally the currently selected item would be highlighted. I guess you have specified something in a stylesheet that has caused this. In Firefox you can use Tools > Web Developer > inspector to examine the styles.

Colin

5

Hi Colin,

Thanks for the reply. By inspecting the element I am able to see the value in dropdown however I am not able to select that value.It's always selecting the next value when i am clicking on that value.

Also, I am not able to see the blue color background on the value which was previously being selected that basically allows me to select value.

Thanks, Milley

Colin Law wrote in post #1178481:

6

Hi Colin,

Thanks for the reply. By inspecting the element I am able to see the value in dropdown however I am not able to select that value.It's always selecting the next value when i am clicking on that value.

Also, I am not able to see the blue color background on the value which was previously being selected that basically allows me to select value.

In the screenshot the current selected item shows like a button with a cross by it. Where is that coming from? Is there some javascript doing it?

Colin

7

Hi Colin,

Its happening through javascript.

Colin Law wrote in post #1178483:

8

Hi Colin,

Its happening through javascript.

In that case I think it highly likely that the javascript is causing the other problem. What happens if you disable javascript in the browser?

Colin

9

Hi Colin,

We are using select2.js jquery plugin.

Thanks, Milley

Milley Duke wrote in post #1178484:

10

Hi Colin,

By disabling javascript, the drop down is not working properly.

Thanks, Ekta

Colin Law wrote in post #1178488:

11

Hi Colin,

By disabling javascript, the drop down is not working properly.

What do you mean, not working properly?

By the way, it would help me if you could insert your replies inline rather than top posting as it makes it easier to follow the thread. This is a mailing list not a forum, though you may be accessing it via a forum-like interface. Thanks.

Colin

12

Colin Law wrote in post #1178491:

13

A select box does not need javascript to operate. What do you see and what happens when you click it? View the source in the browser and copy/paste here the html code that you see for the select tag.

Colin

14

Colin Law wrote in post #1178493:

This is a mailing list not a forum, though you may be accessing it via a forum-like interface. Thanks.

Colin

Hi Colin,

Sorry for the replying that way.Will keep this in mind in Future.

Yeah, its not working like dropdown when i am disabling javascript.

A select box does not need javascript to operate. What do you see and what happens when you click it? View the source in the browser and copy/paste here the html code that you see for the select tag.

Colin

Hi Colin,

Thanks a lot for your help.

I am able to fix that issue.Just commented some code in javascript file and now its working fine.

I had a word my Lead and he is saying we have to include that file in our application as its used for other data as well.

Regards, Milley