Home >Web Front-end >JS Tutorial >How to Set the First Option as Default in an Angular.js Select Box?
How to Set the First Option as Default in an Angular.js Select Box?
- Susan SarandonOriginal
- 2024-11-26 13:55:14380browse
Angular.js: Setting a Default Option in Select Box
When using
Question
How can we set the first option in the data as the default value, resulting in an output like this:
<select>
<option value="0" selected="selected">Something Cool</option>
<option value="1">Something Else</option>
</select>
Answer
Angular.js provides an easy way to achieve this using the ng-init directive:
<select ng-init="somethingHere = options[0]"
ng-model="somethingHere"
ng-options="option.name for option in options">
</select>
In this code, ng-init is used to initialize the somethingHere model to the first element in the options array. This ensures that the first option is selected by default.
The above is the detailed content of How to Set the First Option as Default in an Angular.js Select Box?. For more information, please follow other related articles on the PHP Chinese website!
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：Why Does Using Backticks with `console.log` Produce a `[\"1\", raw: Array[1]]` Output in Google Chrome?Next article：Why Does Using Backticks with `console.log` Produce a `[\"1\", raw: Array[1]]` Output in Google Chrome?
Related articles
See more- An in-depth analysis of the Bootstrap list group component
- Detailed explanation of JavaScript function currying
- Complete example of JS password generation and strength detection (with demo source code download)
- Angularjs integrates WeChat UI (weui)
- How to quickly switch between Traditional Chinese and Simplified Chinese with JavaScript and the trick for websites to support switching between Simplified and Traditional Chinese_javascript skills