如何使用jquery获取多个选择框值？
要使用jQuery获取多个选择框的值，您可以使用以下方法：
- 首先，确保已经在HTML文件中引入了jQuery库。
- 假设您的HTML文件中有多个选择框，如下所示：
<option value="option1">选项1</option>
<option value="option2">选项2</option>
<option value="option3">选项3</option>
</select><select class="mySelect">
<option value="option4">选项4</option>
<option value="option5">选项5</option>
<option value="option6">选项6</option>
</select>- 使用以下jQuery代码获取所有选择框的值：
$(document).ready(function() {
$('.mySelect').on('change', function() {
$('.mySelect').each(function() {
var selectedValue = $(this).val();
console.log(selectedValue);
});
});
});这段代码首先等待文档加载完成，然后为所有具有类名mySelect的选择框绑定一个change事件。当选择框的值发生变化时，将遍历所有具有类名mySelect的选择框，并使用$(this).val()获取它们的值。最后，将这些值输出到控制台。
请注意，这个答案中没有提及其他云计算品牌商，因为这个问题是关于使用jQuery获取多个选择框值的。如果您需要了解与云计算相关的其他问题，请随时提问。
相关·内容
1回答
HTML选择不将值发回PHP
、、、、
我在html表单中有一个选择框，它不会将值发回php。
<select multiple='multiple' name='mydropdown'>
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
</select>
在PHP中，如果我查看一下$_REQUEST，它将返回最
浏览 2提问于2014-05-11得票数 0
回答已采纳
我有一个选择列表：
[BindProperty]
public List<SelectListItem> FooList { get; set; }
然后将列表实例化为空列表，并加载剃刀页。然后，这个列表由客户端的用户使用jquery填充。在表单发布之前，服务器不知道列表中的项目。到现在为止还好。
在页面中我使用了这样的选择标签助手.
<select asp-for="FooList" multiple="multiple" asp-items="FooList" class="form-control form&
浏览 2提问于2020-02-17得票数 0
回答已采纳
7回答
我将尝试使用jQuery检索从列表框中选择的选项。这是密码。
$('#rt_select').click(function(e) {
var selectedOpts = $('#source-listbox option:selected');
}
我知道selectedOpts是一个对象，那么如何获取从这个对象中选择的选项的值呢？
浏览 7提问于2013-08-27得票数 0
回答已采纳
这是我所在位置的下拉列表，并将更新另一个下拉列表，以获取特定位置的价格。
$('#my_location').change(function () {
//updated
var val = parseInt($(this).find('option:selected').val());
getDayPrice(val);
});
这是我的getDayPrice函数
function getDayPrice(my_id)
{
$.ajax({
type:
浏览 0提问于2016-09-15得票数 0
回答已采纳
2回答
我实现了一个小jQuery来在输入元素中显示默认消息。然后，我将输入元素放入一个jQueryUI对话框。它工作得很好，除非您在输入中输入一些文本，然后关闭对话框，然后打开对话框，这会在输入元素中错误地显示最近输入的文本。如何修改它，以便每次打开对话框时都会重新显示原始文本？请参阅获取实时示例和以下脚本。谢谢
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>jQuery
浏览 0提问于2013-03-04得票数 1
回答已采纳
我在我的网站上有一个选择框，允许用户选择“全部”或选择特定的项目。问题是，如果他们选择“全部”加上一个或多个项目，就会破坏我的搜索逻辑。在javascript/jquery中检查这种无效组合的最佳方法是什么？
浏览 1提问于2016-06-19得票数 0
文档的几个选项卡中有表单。
用户在一个选项卡中填写表单，例如"Finance“。
表格包括标签，收音机，文本框，日期
当转到final选项卡时，我们需要以表格的形式显示他在Finance选项卡中填写的内容。
以下是他填写的HTML格式，我只是输入演示值，这些值具有重复面板，但元素具有不同或相同的id或不同的数据类型：
<div class="panel clonablePart" id="Money_panel1">
<label class="boldText">Amount</label>
&l
浏览 2提问于2015-08-05得票数 0
回答已采纳
我使用jquery库magicsearch在inupt中选择多个值。我想知道如何在变量中检索这些值。我的html如下所示：
<input type="text" class="form-control col-md-8 magicsearch" id="person" name="person" />
在jquery中，我尝试使用它，但它还原了空值：
var person = $('#person').val();
浏览 0提问于2019-03-21得票数 1
回答已采纳
2回答
我在我的项目中使用了两个jQuery插件。
在我的例子中，我有四个图像幻灯片，每一个图像滑块，我都为图像添加了注释部分。对于评论，我使用了Jeditable插件作为内联注释。
以下是我的HTML部分：
<div id="dino-example" class="dino-carousel">
<div class="item">
<div>
<h1>
Slide 1
</h1>
浏览 7提问于2016-01-23得票数 2
回答已采纳
2回答
我必须使用jquery函数将具有多个选择框的表单数据发送到servlet，因为我使用的是jquery序列化函数。
但是我得到了这个字符串mothertonguelist=English&mothertonguelist=French&mothertonguelist=Chinese
您可以看到mothertonguelist多次出现，如何在servlet中获取这些值。
另外，在数据库中保存这些多个选择框值的有效方法是什么，这样我就可以轻松地将这些值填充回多个选择框。
还可以告诉我一些从servlet填充表单内值的好方法。
我不想使用xml，我也从来没有用过Json.
谢谢.
浏览 6提问于2011-02-14得票数 0
回答已采纳
我有一个选择框，其中可以选择多个选项。现在我想要得到一个特定指数的值。我该怎么做呢？例如，我有一个具有下列值的选择框： 0-苹果1-橙色2-香蕉3-凤梨 现在我想要得到索引2的值，它是Banana。我如何在jQuery中做到这一点？
浏览 21提问于2020-06-23得票数 0
回答已采纳
2回答
可能重复：
我正在搜索一个对话框，该对话框允许用户选择多个文件和文件夹，只需在一个对话框中。我在互联网上搜索过，但没有什么好运气，因为我找到了一些有用的东西，只有一些申请C++的东西。
如果已经有答案了，请纠正我，因为我已经花了很长时间试图为它找到一个解决的问题。
我会感谢你的帮助！
浏览 4提问于2012-10-16得票数 3
所以我是第一次同时使用jquery和asp.net webforms。我的想法是，我将有一个中继器，在一个网页上，填充来自数据库的数据。现在我希望这个中继器有一个编辑按钮，它将打开一个带有文本框的jquery ui对话框，来自中继器的数据应该填充到jquery ui对话框控件中。如何从两端来回发送数据。任何示例代码都将非常感谢。
谢谢你
浏览 1提问于2014-10-18得票数 0
如何在sharepoint 2010的可视化wcf部件中使用jquery调用wcf服务制作自动完成文本框
浏览 2提问于2011-04-27得票数 1
2回答
您好，您好，如何从这个花哨的选择框中获取值，将选择框更改为ul li on site load，这里是样式选择框的。
HTML
<select id="selectbox1">
<option value="">Select an option…</option>
</select>
JQuery
$('select').each(function() {
var $this = $(this),
numberOfOptions =
浏览 0提问于2013-10-22得票数 0
4回答
我是jQuery的新手，我想知道如何根据选择列表中选择的值完成一个简单的计算。请看下面我放在ImageShack上的屏幕截图以供参考。
我希望能够在右侧的文本框中显示计算结果，如果我在左侧的文本框中输入数字2并按Tab，则右侧文本框的值将更新。如果我可以知道它是如何工作的，那么我就可以从那里开始。非常提前感谢您。
浏览 2提问于2010-07-13得票数 0
回答已采纳
3回答
我有一个文本框.the id是account___abc.the id将动态生成one.my问题是如何使用jquery在一个完整的表单中选择以__abc结尾的id？
浏览 5提问于2014-03-05得票数 1
回答已采纳
我试图找到一种方法来为数据源(在我的例子中是一个ObjectDataSource )建立一个用户控件的数据库，如下所示：
<uc1:AutoComplete ID="autoComCities" runat="server" DataSourceID="objCitiesDS" DataValueField="Id" DataTextField="Name" />
我试着在我们的朋友Google身上找到一些好例子，但我仍然没有发现任何具体的东西。有人可以给我看，或者给我很好的链接，我如何能做到这一点。
浏览 2提问于2011-02-24得票数 0
回答已采纳
我有三个text box's，用户可以在其中输入文本，但我不知道要输入什么。我想看看框中是否有文本。如果我知道文本条目，我知道我可以使用jQuery来查找是否有文本
$( ".x:contains('John')" )
但我不知道他们将输入什么，所以有什么解决方法吗？
浏览 0提问于2013-08-21得票数 0
我有一个文本框，我认为它通过CssClass引用CssClass？：
文本框1-出生日期(所有验证都在这里进行)：
<asp:TextBox runat="server" ID="txtDOB" CssClass="small date"></asp:TextBox>
文本框2-死亡日期(需要从其中提取数据以进行验证)：
<asp:TextBox runat="server" ID="txtDOD" CssClass="small date"></asp:T
浏览 4提问于2014-09-03得票数 0
回答已采纳
我有一些jQuery代码，允许我在多选择组合框中选择多个条目，而不需要按Ctrl键。
这是可行的，但会干扰正常的选择框，现在鼠标无法更改该复选框。
原始的jQuery代码是：
(function ($) {
$(document).ready(function () {
$("option").mousedown(function(e) {
this.selected = ! this.selected;
e.preventDefault();
return false;
});
});
})(jQuery);
当然，$(“选
浏览 1提问于2017-11-17得票数 0
回答已采纳
我对jquery的使用还是个新手，我也试过用谷歌搜索我的问题，但还是搞不清楚。
我的页面上有多个选择框，每个框的名称都是gearquan[]
如何让jquery获取每个选择框的选定值，并将其作为序列化数组传递？
这是我的html表单：
<script src="options.js"></script>
Do you want to add the CDW?<br>
<input type="radio" name="cdwq" id="cdwq" value=&#
浏览 1提问于2016-05-06得票数 1
如何获取嵌套标记的值？
我想使用jquery访问值"MY NAME IS JOHN“，我该怎么做呢
<ul>
<li id="name_check"><a href="#"> MY NAME IS JOHN </a></li>
</ul>
如何使用jquery和给定的id 'li‘来访问此名称。
我尝试使用jQuery(#name_check).value，但它在javascript警告框中显示"0“作为结果
浏览 0提问于2013-05-31得票数 2
回答已采纳
我是jquery的新手，我最近才发现它令人惊叹的用法，所以请不要对我太客气。
我要做的是创建一个html输入文本框，让一个变量立即解析输入，并通过jquery将包含输入文本框字符串的变量发送到php switch语句中。
从jquery到php的部分可以工作，但是将动态输入文本框传递到jquery的变量中的部分就不行了。
这就是我所拥有的：
<script src="jquery-1.8.3.js"></script>
<input id="in" type="text" onchange="myF
浏览 3提问于2012-12-22得票数 0
回答已采纳
表中的每一行都有一个下拉框
<table>
<tr>
<th>
<select name="priorityID" id="priorityID">
<option label="Important" value="1" selected="selected">Important</option>
<option label="semi important" value="2">semi impor
浏览 0提问于2009-09-04得票数 1
回答已采纳
1回答
我在jQuery手机上有标签和文本框，我正在尝试更改文本框的宽度。
由于某些原因，在我改变宽度后，让我说60%我仍然看到其余的40%几乎透明。
我还添加了一张它的照片，以便更清楚。
这是代码：
Html：
<div role="main" class="ui-content">
<form>
<div class="ui-field-contain">
<label for="sales1">Sales:<
浏览 0提问于2016-07-04得票数 0
回答已采纳
这是一个非常基本的jQuery问题，但我不确定如何解决：
<input type=text class=city />
<ul class="cityList">
<li><a href="#">Test 1</a></li>
<li><a href="#">Test 2</a></li>
<li><a href="#">Test 3</a></l
浏览 0提问于2009-12-11得票数 0
回答已采纳
1回答
我正在尝试从已通过jQuery对话框加载的页面中检索所选值。
以下是详细信息-一旦'SelectTeam.php‘页面已经加载到对话框中(通过了一些默认选择)，一旦用户单击对话框的' OK’按钮，我希望检索新的选择，因为用户可以覆盖默认选择&然后按OK。我应该如何在按“确定”按钮时获得新的选择。
父页面-
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head
浏览 1提问于2012-03-30得票数 0
24回答
我有选择框
<select id="my_select">
<option value="a">a</option>
<option value="b" selected="selected">b</option>
<option value="c">c</option>
</select>
<div id="reset">
reset
</div>
浏览 4提问于2013-06-04得票数 61
回答已采纳
我有一个表单，它有一个定义如下的选择字段
myName[]是这样的，因为在注册表单中有几次重复(用户首先定义他想要输入多少表单，然后生成那么多表单)
现在，我想在选择某个元素时使用jQuery获取选定的值，但正如预期的那样，它不会起作用:它试图从一个id中获取信息，而这个id不止一个。结果是它总是用找到的id获取第一个选择字段的内容。我尝试将id更改为class，但不起作用。
那么，如何获得实际触发事件的选择框的选定值呢？
$(document).ready(function() {
$('#idOfmyName').change(function() {
va
浏览 1提问于2020-01-01得票数 0
如何通过文本框输入使用jQuery日期选择器：
$("#my_txtbox").datepicker({
// options
});
这不允许用户在文本框中输入随机文本。我希望文本框获得焦点或用户单击它时弹出日期选择器，但我希望文本框忽略使用键盘的任何用户输入(复制和粘贴，或任何其他)。我只想从Datepicker日历中填充文本框。
这个是可能的吗？
jQuery 1.2.6
日期选择器1.5.2
浏览 189提问于2008-09-30得票数 145
回答已采纳
2回答
如何比较两个jquery ui自动完成组合框的值，不是由jquery生成的输入值，而是<select><option value="foo"></option></select>值？如何获取这些值并比较它们，每次它们被更改时，它们中的任何一个？
浏览 2提问于2012-01-12得票数 1
回答已采纳
我在jquery网格上有可编辑的下拉列表框，如果我没有选择下拉列表框项目，我需要给用户一个消息框，说请选择..
如何使用jquery完成此操作？
浏览 1提问于2010-04-13得票数 0
回答已采纳
我知道我们可以设置一个像.val('');这样的文本框值，但在我的例子中，我需要一些如何通过选择和删除来删除/移除输入中的现有值。现在我可以选择值了，但是如何移除或删除它？
$("#open-cal").on("click", function() {
var $inbox = $('#whereItsAt');
$inbox.select();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.j
浏览 17提问于2018-02-23得票数 0
回答已采纳
我对JQuery非常陌生，对javascript没有什么经验，经过几个小时的努力，我放弃了。我知道如何用PHP来实现它，但是当我在JQuery中尝试它时，我遗漏了一些东西。
我有一个html文件，它生成一个类似tihs的背靠背框：
<form action="" method="GET">
<select id="countiesList" name="counties">
<option value="all" selected="selected">
浏览 1提问于2010-11-15得票数 1
回答已采纳
5回答
我构建了一个for每一个循环，从数据库中提取几行。它拉出的每一行都有一个链接和一个隐藏的输入框，其值为posting_id。这个链接在某种程度上将类似于facebook上的“相似”按钮。隐藏的输入框只存储posting_id。当您单击“喜欢”链接时，它会通过posting_id发送到一个jQuery页面，并回击一个名为“社区”的页面，告诉它用户“喜欢”该帖子。
，，这是问题所在
我正在拉几行，当您单击“喜欢”按钮时，似乎只有被拖动的最上面的行才会将数据发送到jQuery页面。如果我点击任何其他的“喜欢”按钮，而不是顶部的按钮，它将根本不会工作。
Jquery
$('.bump_lin
浏览 2提问于2013-03-27得票数 3
我当前使用jQuery UI中的模式对话框作为菜单。菜单由一些图像组成，当单击这些图像时，这些图像将作为菜单项使用。该站点使用动态ajax内容加载所请求的页面。所以我的问题来了:如何在图像被点击后关闭模式对话框？
浏览 0提问于2012-11-24得票数 2
<select name="remaintextarea" id="studentremain" size="10">
<option value="one">One</option>
<option value="two">Two</option>
<option value="three">Three</option>
</select>
<button type=&#
浏览 0提问于2013-01-10得票数 11
回答已采纳
如何获取div中的内容以及所有html标签以及文本框等标签中的值。jQuery函数$('#divid').html()在IE中工作，但firefox我得到了html，但文本区域和文本框中的值没有设置。
谢谢，Shriniket
浏览 1提问于2009-12-14得票数 4
回答已采纳
4回答
我想知道如何在jquery自动完成上获取所选项目的文本值。
我已经将jquery初始化为：
$(document).ready(function (){
$("input#autocomplete").autocomplete({
source: postcodelist,
select: function (event, ui) {
AutoCompleteSelectHandler(event, ui)
}
});
});
我已经创建了一个函数AutoCompleteSelectHand
浏览 0提问于2011-06-21得票数 18
回答已采纳
我有一个循环，其中文本框将动态生成。我想在文本框值发生变化时捕获它。
对于每个具有唯一"id“值的文本框。你能告诉我如何使用JavaScript或jquery捕获文本框的值吗？
例如：
<!-- here id will generate dynamically -->
<input type="text" id="text1" value="test"/>
浏览 3提问于2013-09-07得票数 0
2回答
我试图迭代填充到我的选择框中的值列表，然后根据结果设置一个字符串。对于每个选定的项目，该字符串应包含一个1，对于每个未选定的项目，应包含一个零。我一直试图使用#Select option:selected来检查，但后来发现它选择了所有选择的选项，所以我的字符串中只给出了全部1。下面是我的选择框：
<select multiple="multiple" id="Select">
@foreach (var val in Model.SelectStuff)
{
<option value="@val.Key
浏览 2提问于2011-10-22得票数 1
我必须在jQuery中的更改中验证所选的选项值。下面是我尝试过的实际代码和动态jQuery。我知道我撞到别的地方了，我不知道它在哪里。如果有人能帮我解决这个问题的话，我会非常感激的。
我有一个主div容器中的行列表，它具有从后端动态加载的选择框。动态呈现的复选框数量。我希望这不重要。选中框位置的排列类似于下面的…
例如，当我在第一个组合框中选择该选项时，我必须验证在另一个选择框中是否已经选择了相同的选定选项。如果它被选中，我必须显示警告消息，说明您已经在另一个选择框中选择了相同的值。对于所有复选框，都必须进行相同的验证。
这是我尝试过的代码：
$(document).on('
浏览 4提问于2014-09-24得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
