Questions tagged [select-options]
67 questions
15
votes
3 answers
Conditionally disabled select option in React
I built my own React select component and would like to have an option to set the default value to be disabled
The component basically looks like this:
7
votes
3 answers
How to add a search filter to a select option in angular
I'm trying to add to add a search filter in my select option list because there are many options and I think that without a search, it will not be easy for the user to find the option that he wants to select.
I hope you will understand me because…
![](../../users/profiles/11302266.webp)
PowerGirl
- 204
- 1
- 2
- 9
5
votes
3 answers
How can I disable literal values in Vuetify?
I am having problems when using the "item-disabled" prop on the v-select component from vuetify. I am trying to use this with literal options.
Here is the snippet which reproduces the issue:
In this example I would like to disable the option…
![](../../users/profiles/11449392.webp)
Jord
- 145
- 1
- 2
- 7
3
votes
5 answers
Angular select options control does not reset ngModel value automatically even if I empty the array of options
I have a very basic select-option input control in Angular 8. User selects one item from dropdown and it's reflected correctly in dropdown as well as in ngModel variable.
But if I empty the source array programmatically, dropdown is still keeping…
![](../../users/profiles/2965260.webp)
user296526
- 377
- 3
- 9
2
votes
1 answer
drop-down show selected value when editing a row laravel
From Destination:
![](../../users/profiles/11721286.webp)
Sohaib
- 1,646
- 1
- 4
- 13
2
votes
0 answers
FontAwesome 5 in Select > Options not working in Firefox
I am using Font Awesome 5 icons in my 'option' and it works in everything but firefox. Has anyone else hit this issue?
.fontAwesomeInOption option{
font-weight: 900;
}
DropDown of Icons
![](../../users/profiles/5186515.webp)
nonoandy
- 41
- 6
2
votes
1 answer
Trying to chain filter option select
I want to chain both of my filters, to get a specific filter to my google map filter, if the filter markers by category has got the value, I want my filter by session to get the value from filter by category and then combined with my filter by…
![](../../users/profiles/10113226.webp)
Kraken
- 45
- 8
1
vote
1 answer
Pre selected option highlighted grey on page load, want it to be blue
for example, when you go to the page below with this code, upon load option one is selected and has a background color of grey. When I click it it turns blue. How can I have it that blue when the page loads, not grey.
1
vote
1 answer
Laravel 8: Multiple Select Option Does Not Send Data
I have two tables at db, one of them is named users which simply contains user information of website and the other one is tags which contains some hashtags that users can choose from them.
(just like Stackoverflow that a user can select multiple…
![](../../users/profiles/9277271.webp)
tejoslaeslio
- 183
- 2
- 10
1
vote
2 answers
Ionic/Angular - Select option is not marked, options loaded from API
I have created select, options are loaded from API, the problem is when I have some value that was set before, now I want to display this in this select I don't see this value, marked option is visible after click on select. Why is that? My…
![](../../users/profiles/8929367.webp)
P.W94
- 55
- 7
1
vote
1 answer
Get value from select option by searching/filtering partial option text and output value as jQuery variable
I have a selectbox on a page which looks like this:
1
vote
0 answers
Angular select option dynamically in *ngFor
That's the scenario:
I have a data array of objects that contains different types of objects. It could be a text, a select or whatever. In the view I have an *ngFor to loop this data and it generates an object depending on the type. I could have 2…
![](../../users/profiles/1540456.webp)
Atlas91
- 5,238
- 14
- 53
- 117
1
vote
1 answer
background-image is not working for select option in Firefox above 48 version and other browsers
I wanted output like :
Output for Firefox version 48 and its below versions :
Firefox higher versions (above 48) & other browsers :
Code :
1
vote
2 answers
1
vote
1 answer
Vue-Bootstrap b-select option hover
I'm using Vue-Bootstrap framework, I want to rewrite the css rule for tag 'option' when you hover the element
My code is like this jsfiddle
option:hover {
background-color: red;
}
Why the background-color in 'option:hover' change the background…
![](../../users/profiles/12227985.webp)
Izaskun DA
- 19
- 4