Comments (1)
This is technically already possible. I've made an example below for you:
<label for="cities">States</label>
<select name="cities" id="cities" placeholder="Choose a state">
<option value="Texas">Texas</option>
<option value="Chicago">Chicago</option>
<option value="New York">New York</option>
<option value="Washington">Washington</option>
<option value="Michigan">Michigan</option>
</select>
<label for="boroughs">Boroughs</label>
<select name="boroughs" id="boroughs" placeholder="Choose a borough">
<option value="The Bronx">The Bronx</option>
<option value="Brooklyn">Brooklyn</option>
<option value="Manhatten">Manhatten</option>
<option value="Queens">Queens</option>
<option value="Staten Island">Staten Island</option>
</select>
document.addEventListener('DOMContentLoaded', function() {
var cities = new Choices(document.getElementById('cities'), {
callbackOnChange: function(value) {
if(value === 'New York') {
boroughs.enable();
} else {
boroughs.disable();
}
}
});
var boroughs = new Choices(document.getElementById('boroughs')).disable();
});
You could of course do some fancier validation on the value but you get the idea!
Thanks
from choices.
Related Issues (20)
- setChoiceByValue success but item is not highlighted HOT 1
- Behaviour of dropout elements on mobile device
- Choices does not behave like other HTML elements in a disabled fieldset
- iOS Firefox Virtual Keyboard / Disappearing Options Issue
- Dark Theme
- Search input outside the dropdown elements
- Can I add a choice that not existing in the choices (multiple select) HOT 1
- Wrong handling of ampersand in option text HOT 3
- to remove selected item we should click on it twice in a row (choices with Adjax-history in drupal)
- Need more sample such as Add, Edit or delete item HOT 1
- "TypeError: A is undefined" when using with importmaps + Stimulus.js HOT 1
- searchEnabled not disabled
- classNames
- Placeholder not showing HOT 3
- Mobile Cant Touch First Option HOT 1
- classNames.itemChoice is undefined in callbackOnCreateTemplates choice
- No workaroud validation when select is required HOT 1
- How can I access original option elements from the callbackOnCreateTemplates?
- Is this project still alive? HOT 5
- appendValue not working
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from choices.