如何在ionic 2中从下拉列表中获取所选值
在Ionic 2中，可以通过使用Angular的表单控件来实现从下拉列表中获取所选值的功能。下面是一个示例代码：
- 在HTML模板中，使用
<select>标签创建一个下拉列表，并使用[(ngModel)]指令将所选值绑定到一个变量上：
<select [(ngModel)]="selectedValue">
<option value="option1">Option 1</option>
<option value="option2">Option 2</option>
<option value="option3">Option 3</option>
</select>- 在组件的TypeScript文件中，定义一个变量来存储所选值：
selectedValue: string;- 如果需要在选择发生变化时执行一些操作，可以使用
ionChange事件：
<select [(ngModel)]="selectedValue" (ionChange)="onSelectionChange()">
<option value="option1">Option 1</option>
<option value="option2">Option 2</option>
<option value="option3">Option 3</option>
</select>onSelectionChange() {
// 执行所需的操作
}通过以上步骤，你可以在Ionic 2中从下拉列表中获取所选值，并在选择发生变化时执行相应的操作。
腾讯云相关产品和产品介绍链接地址：
相关·内容
2回答
基于下拉值ReactJS的可见性切换
reactjs、toggle、state、dropdown
我试图根据另一个下拉列表的值来切换下拉列表的可见性。因此，当第一个选项被选中时，第二个下拉菜单在下面变得可见，当该选项不再被选中时，下拉列表消失。
请容忍我，因为我还在学习。如有任何建议或帮助，将不胜感激！以下是我到目前为止所拥有的：
const firstOptions = [
{ key: 0, value: 'default', text: '--Select an Option--' },
{ key: 1, value: 'option1', text: 'option1 - when I am selected a
浏览 8提问于2017-10-24得票数 2
回答已采纳
5回答
如何在输入标记中显示单个select选项中的每个选定值
javascript、html
我是javascript的新手，我想使用select选项在输入标记中列出每个选定的值。
我尝试使用javascript来显示所选的值，但是当我第二次选择第一个值时，第一个值被关闭，第二个值被选中。期望我在输入标记中分别显示每个选定的值，而不排除其他先前选定的值。
function getSelectedValue() {
var selectedValue = document.getElementById("list").value;
document.getElementById("myValues").innerHTML = selectedV
浏览 0提问于2019-05-30得票数 0
1回答
根据下拉数组中的选择更改相应的div内容
jquery、arrays、select、html、onchange
我有一个下拉列表()，每个都有相应的div。两者都是用PHP动态创建的。我想要做的是根据所选下拉列表的值更改下拉列表相应的div的内容。
我尝试了这段代码，它适用于一对下拉和div。
HTML
<select id="selectField" style="padding-left: 20px;width:150px">
<option value="option1">Cat</option>
<option value="option2">Dog&l
浏览 1提问于2013-08-18得票数 1
2回答
在第二个选择中从列表中删除项
jquery、list、removeclass
我不想第一次从下拉列表中删除一项，但是在选择第二项之后，在下面的示例中，如果选择option1将删除option1，但我需要选择option1 (没有任何内容将被删除)，同时选择option4 (现在option1将被删除)：
<select name="selectBox" class="sel" id="selectBox">
<option value="0">Select</option>
<option value="option1">option1<
浏览 5提问于2015-11-12得票数 1
回答已采纳
5回答
下拉值更改时将属性设置为只读
javascript、jquery、html
我有这个有4个选项的下拉列表。
我想要实现的是，当用户从下拉菜单中选择option3或option4时，将输入文本number的属性更改为readonly。
<select id="s_id">
<option value="option1">option1</option>
<option value="option2">option2</option>
<option value="option3">option3</opti
浏览 1提问于2015-12-08得票数 0
1回答
我在JSP中有一个静态HTML列表，如下所示
<select>
<option value=""></option>
<option value="OPTION1">OPTION1</option>
<option value="OPTION2">OPTION2</option>
<option value="OPTION3">OPTION3</option>
</select>
浏览 4提问于2015-03-12得票数 0
回答已采纳
1回答
通过从单个下拉列表中进行选择来更改多个下拉值
javascript、html
正如标题所说，我正在尝试通过更改单个下拉列表来更改多个下拉列表上的值。多个下拉列表需要获得在"Select All“下拉列表中选择的相同值。这非常类似于选中所有复选框。 <select name="changeAll" id="changeAll" onchange="changeAll(this);">
<option value="select" selected="selected">Select</option>
<option value=
浏览 28提问于2019-01-18得票数 0
回答已采纳
1回答
单选按钮选项从下拉列表中选择项目
javascript、jquery、html
当选中特定的单选按钮时，我需要从下拉列表中选择一项。第一个选项应该提供要选择的整个列表，选项2和选项3应该在下拉列表中选择/显示各自的项，而不必单击下拉列表。
我尝试了多个jQuery选项来解决这个问题，但是，它们似乎都不起作用。在某种程度上，下面的代码似乎在JSFiddle中工作，但在CodePen或我的本地服务器中却不起作用。我不是从头到尾写jQuery的，所以我可能遗漏了什么或者有什么问题吗？
HTML：
<section id="options">
<input id="option1" name="option"
浏览 3提问于2017-10-05得票数 0
2回答
Ruby on rails:选择某个下拉列表时显示文本框的简单方法
jquery、ruby-on-rails、ruby、ruby-on-rails-3
现在就来,
我有下面的jquery，css和html代码，它的工作方式我想要的。其中，如果用户选择下拉列表，则会显示某个文本框。但是我如何在rails中轻松地做到这一点呢？
HTML
<form>
<select id="sel">
<option value="">- select -</option>
<option value="option1">Option 1</option>
<option value
浏览 0提问于2013-05-07得票数 1
回答已采纳
1回答
提交包含2个选择字段的表单以转到不同的页面
html、forms
我运行一个joomla网站，并想在一篇文章中创建一个html表单，执行以下操作：
<form action="compare.html" method="post">
<select id="select1" name="select1" required="">
<option value="A">OptionA</option>
<option value="B">OptionB</option>
浏览 3提问于2018-04-15得票数 1
1回答
Angular Ionic ion-选择ngModel不绑定到值
html、angular、typescript、ionic-framework
我有一个不在表单中的离子选择。我定义了一个ngModel属性并绑定到"selectedValue“。当我在列表上做出选择并单击ok时，我可以在ionChange方法中看到我的选择，但是当我在控制台上记录我的selectedValue变量时，它总是空的。
我使用双向绑定的目的是为了在调用resetSelectList函数时重置选择。重置在第一次尝试时起作用，但之后就完全不起作用了。因为selectedValue永远不会用所选值填充。
为什么我不能把它绑起来呢？
PS c:\app> ionic -v 6.10.0；angular 9
HTML
<ion-select mult
浏览 0提问于2021-02-21得票数 1
1回答
不更改选定值的HTML下拉列表
javascript、jquery、html、drop-down-menu、html-select
我有一个HTML/JS下拉列表-我希望下拉框中的默认文本保持不变，即使下拉列表更改为导航到其他地方；请帮助？！
我的代码：
<select name="me" id="me" data-theme="a" data-icon="grid" data-inline="true" data-native-menu="true" onchange="if (this.value) window.location.href=this.value">
<
浏览 0提问于2013-11-03得票数 0
1回答
javascript下拉菜单以显示内容
javascript-events
$(document).ready(function () {
$('.group').hide();
$('#selectMe').change(function () {
$('.group').hide();
$('#' +$(this).val()).show();
})
});
<html>
<label for="hi" title="hi">hi</label>
<sel
浏览 0提问于2012-04-12得票数 1
回答已采纳
1回答
Leaflet -根据下拉菜单中的项目选择图层
javascript、leaflet
我有一些代码来生成一个简单的下拉菜单：
<select id="menu" onchange="updateOptions(this)">
<option value="option1" data-path="option1">option1</option>
<option value="option2" data-path="option2">option2</option>
<option value=&
浏览 18提问于2019-10-23得票数 0
4回答
选择选项并在textarea中追加文本
jquery、select
我想要做的是：
如果用户在select下拉列表中选择特定选项，一些文本将被添加到textarea中。
如果用户在select中选择其他选项，文本区域将被清除。
我试过这样做：
<select name="Problem" id="Problem">
<option value="option1">option1</option>
<option value="option2">option2</option>
<option value="option3&
浏览 6提问于2014-01-04得票数 3
回答已采纳
3回答
HTML如何在不使用<optgroup>标记的情况下对select中的选项进行分组
html、select、label、option
我有一个带有许多选项的select下拉列表，它们需要分组，因为我给每个<optgroup>一个类，并将它们设置为display:none，这样当我在另一个select下拉列表中选择某些内容时，它们就会变得可见。我的问题是，我似乎必须使用标签，而我真的不想要标签。我的选项列表太长了，所以在每个选项中插入一个类将会是一个问题，特别是在我使用Jquery来操作它们的时候。我如何对它们进行分组呢？我在任何地方都找不到解决方案。 HTML示例： <select>
<option>Select something</option>
<optgroup
浏览 26提问于2019-05-10得票数 1
回答已采纳
1回答
用于多个选择框选项的HTML " multiple“没有标识jquery的单击和委托功能。
javascript、jquery、html、css
我使用html multiple进行多个选择框下拉列表。在单击任意选项时，我确实添加了css类permissionsSelection，它将其背景色更改为黄色，以显示所选选项。如果选择的选项再次单击，它将被取消选择并删除类permissionsSelection。
CSS
.permissionsSelection{
background:yellow;
}
Jquery
$("#availablePermissions").delegate(".permissions", "click", function(e) {
浏览 1提问于2014-01-13得票数 0
回答已采纳
6回答
如何使用Jquery从所选选项中读取数组？
javascript、php、jquery
我有下面的php代码，我想写一个脚本从下拉列表中读取选项值，并在更改所选内容时将每个值放在输入框中。拜托救救我。
<html>
<head>
<!-- Load jQuery from Google's CDN -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script>
//I want to write a script that
浏览 13提问于2015-05-13得票数 4
回答已采纳
1回答
Jsoup POST:定义一个返回HTML的选项？
java、android、html、jsoup
我正在尝试生成一个包含选项列表的页面的HTML post。有一个下拉列表，用户可以在其中选择一个项目，然后单击generate按钮。根据所选的选项，它会返回不同的结果。我对HTML之前和之后进行了比较，可以看到以下差异：
在此之前
<option value="Option1">Option 1</option>
<option value="Option2">Option 2</option>
<option value="Option3">Option 3</option>
浏览 1提问于2013-06-27得票数 2
回答已采纳
1回答
基于复选框和下拉选择的列表细化
javascript、jquery、checkbox
我有一个无组织的列表，其中包含有几个数据属性的项。
<ul>
<li data-category="option1" data-green="t" data-blue="f" data-soft="t">Product 1</li>
<li data-category="option1,option3" data-green="f" data-blue="t" data-soft="t">Product
浏览 3提问于2014-12-19得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
