更改时jQuery不触发select
是指在使用jQuery进行表单操作时，当更改select元素的选项时，没有触发相应的事件。
解决这个问题的方法是使用jQuery的change()方法来监听select元素的变化事件。change()方法会在select元素的值发生改变时触发相应的事件处理函数。
以下是一个示例代码：
$(document).ready(function(){
$("select").change(function(){
// 在这里编写处理select元素变化的代码
});
});在上述代码中，我们使用了change()方法来监听select元素的变化事件，并在事件处理函数中编写了相应的代码来处理select元素的变化。
对于这个问题，腾讯云没有特定的产品或者链接地址与之相关。但是腾讯云提供了一系列的云计算服务，包括云服务器、云数据库、云存储等，可以帮助开发者构建和部署各种应用程序。您可以访问腾讯云官方网站（https://cloud.tencent.com/）了解更多关于腾讯云的信息。
相关·内容
我是jQuery新手，在下拉框中触发更改事件时遇到问题。
这是我的HTML标记
<select id="mini_bookinglocation" name="mini_bookinglocation">
<option selected="selected" value="">Please Select</option>
</select>
这是我的jQuery
$("#mini_bookinglocation").change(function()
{
浏览 1提问于2013-01-09得票数 2
回答已采纳
1回答
我只想在选择房间和时间后，在下拉按钮中显示消息。我选择所有这些，它将以如下形式出现：
$(document).ready(function(){
$('#rooms, #time').bind('input', function() {
$('#time_room').val($('#rooms').val() + ' ' +
$('#time').val() );
});
});
<
浏览 3提问于2017-11-28得票数 0
回答已采纳
4回答
我是jQuery的新手。我正在搜索一个在下拉值更改时返回true/false的jQueryfunction。但是我找不到一个。我想这样..。下拉列表的代码
<select id="kkkk" >
</select>
使用jQuery函数填充它。
function selectOne() {
var select = $('#kkkk')[0];
for (var i = 0; i < n; i++) {
select.options[select.options.length]
浏览 0提问于2013-04-29得票数 0
2回答
我正在弄清楚我的搜索和过滤功能是如何正常工作的。我从stock、distance、price和time response的搜索结果中创建了一个搜索特性和筛选器。我的搜索功能运行良好。然而，我所做的过滤器功能仍然不起作用。
我希望在进行搜索之后，并希望进一步过滤搜索，有股票和距离这样的选项，当其中一个下拉列表发生变化时，搜索结果项也会根据筛选器(例如: stock)是否可用进行更改。还有其他过滤器，如价格和时间响应。当我点击价格，项目将按照最低的价格到最高的价格排序。当我单击“时间响应”时，搜索项将从快到迟依次排列。
示例案例
在Type中，我选择BMW。然后我点击搜索按钮。将显示类型为BMW的
浏览 3提问于2021-01-17得票数 1
回答已采纳
3回答
我尝试使用Jquery来更改表单中"select“输入的值，但当它更改时，该更改的函数就不起作用了。
HTML：
<select id='select'>
<option checked value='1' >Option 1</option>
<option value='2' >Option 2</option>
</select>
<div id='text'>Option 1 selected</div>
<
浏览 1提问于2017-08-17得票数 7
回答已采纳
我有select元素：
<select id='selectBox'>
<option>Mustard</option>
<option>Ketchup</option>
<option>Relish</option>
</select>
并通过jquery设置点击事件：
$('#selectBox option').click(function(){
.....
});
使用后：
<select id='select
浏览 2提问于2013-09-06得票数 5
回答已采纳
3回答
我有以下功能：
jQuery("el").click(function() {
var index = jQuery(this).index(),
select = jQuery('select.SelectClass option').get(index + 1),
$select = jQuery(select);
$select.attr('selected', 'selected');
jQuery(jQuery('select.selectClass').get(
浏览 1提问于2011-04-08得票数 0
回答已采纳
我正在使用Select作为Vue组件，并将其定义为模板。我正在定义组件、数据和支持。
var MyComponent = Vue.component('my-component',{
template: "<select v-on:change=\"onAppSelected\" \n"+
"v-model:value=\"appId\"> \n"+
"<option v-for=\"appChoice in appChoices\"
浏览 0提问于2018-12-27得票数 0
回答已采纳
1回答
当我从列表中点击一个元素时，jQuery从点击的元素中获取类，并将其写入输入字段。然后，来自输入的值需要在没有任何操作的情况下用div#content编写。
HTML：
<ul>
<li class="NewYork">New York</li>
<li class="Paris">Paris</li>
<li class="Moscow">Moscow</li>
</ul>
<input type="text&
浏览 0提问于2010-04-04得票数 3
回答已采纳
我们看到，下面这两个示例都实现了.change(funct(//does ))之后的额外.change(‘change’)。对于jsfiddle中的第一个示例，我去掉了change()，它仍然有效。我不明白为什么他们最终会手动触发改变？
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>change demo</title>
<style>
div {
浏览 1提问于2014-09-02得票数 0
回答已采纳
1回答
我目前在页面上有两个链接，，我想把它放在一个html下拉列表中，下面的当前代码，任何带有ezjax类的锚点都会将链接的页面加载到div，ezjax内容中。
<div id="homePagePropertySearchBox">
<a class="ezjax" href="../../../searchForms/searchOne.html">Search One</a>
<a class="ezjax" href="../../../searchForms/s
浏览 1提问于2011-03-08得票数 0
回答已采纳
到目前为止，我一直认为jQuery的change事件只适用于<select>、<input type="checkbox">和<input type="radio">。
但无意中，我将change事件绑定到了checkbox的父级，并且它仍然像我将该事件绑定到checkbox本身一样工作。这怎么会起作用呢？
<div class="pwc">
<input type="checkbox" id="pwc2" />
<label for
浏览 0提问于2014-03-13得票数 1
通过使用jQuery，我如何在下面的select元素上附加一个事件，以便在索引更改时发出“我已更改！”的警报？
<select id="selCars">
<option>Volvo</option>
<option>Saab</option>
<option>Mercedes</option>
<option>Audi</option>
</select>
浏览 2提问于2011-10-11得票数 0
回答已采纳
嗨，我一直在寻找如何用jquery或JavaScript做这样的事情，但似乎找不到。
假设我有一个表单，其中有一个选择字段。
例如：
<select id="Country">
<option value="USA">USA</option>
<option value="Canada">Canada</option>
Etc.....
</select>
所有我想要的是，当用户选择选项与value=“加拿大”，有他们重定向到一个不同的网址。注意:我不
浏览 1提问于2017-02-28得票数 0
我正在尝试使用datepicker和下拉菜单来更新全局变量的值。我有点不知道如何才能让它工作。
var startValue, endValue, intervalValue, startDate, endDate, offset;
$(document).ready(function() {
startDate = $("#from").datepicker({
onSelect: function() {
startValue = $(this).datepicker('getDate');
浏览 3提问于2017-01-05得票数 1
我有以下选择：
<select name="wpf2750_20">
<option value="200">AAA</option>
<option value="400">BBB</option>
</select>
<select name="wpf2750_27">
<option value="600">CCC</option>
<option value="800&#
浏览 6提问于2022-05-26得票数 0
回答已采纳
以下html代码在火狐中可以工作，但由于某种原因在IE中失败(未显示Label2)。是bug还是我漏掉了什么？
任何帮助都将不胜感激。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-88
浏览 1提问于2008-12-15得票数 8
回答已采纳
我有一个这样的3个列表的表单，我需要每次一个列表的变化把其他的在cero 0，我需要这在原型或纯Javascript
<select id="1" onchange="resetall()">
<option value="0">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<select i
浏览 0提问于2011-09-05得票数 0
回答已采纳
我有一个selectAll复选框，当单击该复选框时，选中/取消检查所有其他类名为all_serp_results_selector的复选框。
<p>Select All</p>
<input type="checkbox" id="selectAll">
<p> Individual checkboxes </p>
<input type="checkbox" class="all_serp_results_selector">
<input type
浏览 6提问于2020-11-24得票数 0
回答已采纳
我有一个表单，其中有3个选择框，8个复选框和1个文本域。
第二和第三个选择框由先前的选择填充: select 1 fills 2 Select 2 fills 3。
当我更改select 2，select 3将清除...太棒了！但是，当我更改select 1时，只有select 2清除。Select 3仍然具有值。
<html>
<select id="subject_select" name="subjects" class="chosen-select" data- placeholder="Select a
浏览 1提问于2015-02-28得票数 0
我有一个按钮，当单击该按钮时，将设置select字段的值，并为select字段设置一个更改事件。当通过鼠标/键盘进行正常选择时，“change selectname=location_id”事件可以工作，但是单击按钮(使用jQuery更改select字段值)不会触发“change selectname=location_id”事件。
当通过selectname=location_id更改字段时，如何使“change selectname=location_id”触发？
SubscriptionsModule.Views.SubscriptionEditView = Backbone.Mario
浏览 4提问于2014-12-16得票数 3
回答已采纳
你好，我有以下代码(HTML + jQuery)：
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="http://ajax.
浏览 2提问于2015-03-31得票数 1
回答已采纳
我也尝试将此代码更改为在多个列表上工作，并且不仅在相同的列表：中拖放列表之间的项也很重要。
下面是我做的代码：
<?php require("db.php"); ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"&
浏览 3提问于2015-03-03得票数 0
回答已采纳
这是我的下拉菜单，当我更改该选项时，会通知它正在工作，但是当我再次选择相同的选项时，我没有得到alert.How，它是可选的。
index.html
<body ng-app="demoApp">
<div ng-controller="DemoController">
<div>
<select ng-model="currentlySelected" ng-options="opt as opt.label for opt in options" ng-cha
浏览 3提问于2016-06-18得票数 1
这个jquery有问题：
$(".aaazzz").live("keyup", function(){
one = $("#amo").attr('value');
two = $("#ame").attr('value');
}
#amo为输入字段，#ame为select。问题是，当我在#amo中更改某些内容时，它会实时更改，但在select(#ame)中不会发生更改。当然，如果我更改了#ame，然后更改了#amo，它可以工作，但是如何让它们都工作呢？
提前谢谢你
浏览 0提问于2013-06-06得票数 0
回答已采纳
3回答
有人知道触发jQuery可排序事件的顺序吗？我问这个是因为我和stop和update有点问题。对我来说，在stop事件之后发生update事件更有意义，但事实并非如此。
这是记录在案的，还是有人调查过的？我找不到一个合适的列表，我现在还不想看代码。
浏览 0提问于2013-11-29得票数 3
1回答
我在一个Rails 6应用程序中运行了一个jquery函数。当用户更改select下拉列表中的值时，jquery切换两个div以显示或隐藏它们。我遇到的问题是，第一次访问页面时，jquery不会运行。如果我改变字段，什么也不会发生。如果我刷新页面，jquery就会开始正常工作。我是不是遗漏了让jquery第一次运行的东西？ 这是jquery； $(function() {
$("#costing_type").change(function() {
$("#fixed_cost_div").toggle($("#c
浏览 12提问于2021-04-21得票数 0
回答已采纳
无论哪个下拉列表被更改，我都试图获得一个jQuery函数来触发。页面上有几个下拉列表。我试过了
$(document).ready(function () {
$('select').each(function () {
CalcOral();
});
});
有几个问题我还没弄清楚：
在加载时，每个下拉列表都会触发CalcOral。我只需要它开火一次。
当我换掉一滴水时，CalcOral就不会开火了。没有错误，但没有运行。
谢谢香农
浏览 6提问于2015-06-16得票数 0
回答已采纳
我不能两次选择相同的数字，我尝试使用select输入数字并使用函数将它们相加在一起。
<script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js" > </script>
<script>
const firstFunct = (() => {
let counter = 0;
return () => {
counter += +document.getElementById("myS
浏览 0提问于2018-04-22得票数 0
回答已采纳
1回答
我有以下创建滑块的代码：
<html ng-app="angular-bootstrap-slider-test">
<head>
<title>Angular Bootstrap Slider test</title>
<script data-require="angular.js@1.3.0" data-semver="1.3.0" src="//code.angularjs.org/1.3.0/angular.js">&l
浏览 1提问于2014-11-03得票数 1
1回答
尼斯选择与jQuery验证工作吗？因为我有个奇怪的虫子，我会尽力解释的
在没有提交表单的情况下，我可以从尼斯选择插件中选择值，它可以正确地更新(缺省选择下拉列表)值，并且我可以毫无问题地提交表单
现在，如果我刷新页面，然后提交表单，jQuery错误验证会按预期的方式追加，因为我没有选择一些值，所以我从其中选择了一些值(很好的选择值)，现在它没有更新(默认的选择)值，所以我不能提交表单。
我认为当验证插件被称为好的选择时，不会动态更新，或者我可能错过了一些东西。
html：
<form id="MyForm">
<select i
浏览 4提问于2016-05-31得票数 1
回答已采纳
我想显示一些随机狗的照片，当有人点击下拉菜单项(与不同的品种项目)。但是如果我使用change event，并且我想多次看到更多特定品种的照片，它不会起作用。那么我该如何处理呢？
const select = document.querySelector(".breeds")
select.addEventListener("change", event =>{
breed = event.target.value ;
fetch(`https://dog.ceo/api/breed/${breed}/images/rando
浏览 0提问于2021-01-29得票数 0
1回答
获取触发器中列的更新值
、、、、
DECLARE @IsDeleted AS BIT = 0;
SELECT @IsDeleted = IsDeleted from Updated
IF @IsDeleted=1
BEGIN
UPDATE Reviews
SET IsDeleted = @IsDeleted
WHERE CompanyID = 1
END;
如果Company IsDeleted列被更新为1，我希望更新IsDeleted。
这是错误SELECT @IsDeleted = IsDeleted from Updated
浏览 0提问于2013-05-29得票数 0
我有一个叫做"ddlCaseFiles“的DropDownList。然后，我导入了一个脚本，其中包含用于捕获事件的jQuery .change()函数。然后我有3个单选按钮来排序dropDownList。加载默认单选按钮后，将激发该事件。但是一旦我选择了另一个单选按钮，事件就不会再触发。
这是我的DropDownList：
<asp:DropDownList runat="server" ID="ddlCaseFiles" DataSourceID="dsMyCaseFiles"
DataTextField="Displa
浏览 0提问于2012-11-01得票数 0
回答已采纳
4回答
我有一个简单的下拉列表，如果用户更改了下拉列表的选择，但没有按下提交按钮，我想要获得选项的特定值。使用jquery可以做到这一点吗？
这是我到目前为止所得到的：
<form action='select.htm'>
<select id='BezirksAuswahl'>
<option value='Alle'>Alle Einträge</option>
<option value='Charlottenburg-Wilmersdo
浏览 0提问于2012-03-27得票数 0
回答已采纳
jquery.unobtrusive-ajax.js如下所示：
我想将以下事件添加到库中，以便可以在不同的文件中使用asyncRequest()函数。
$(document).on("change", "select[data-ajax=true]", function (evt) {
evt.preventDefault();
asyncRequest(this, {
url: this.href,
type: "GET",
data: []
});
});
浏览 2提问于2015-10-20得票数 1
我有一些下拉菜单，当选择正确的值组合时，将填充另一个下拉菜单。但是，一旦填充了第三个下拉列表，我就无法更改选择，唯一可以选择的选项是第一个。下拉列表不会更改为我选择的任何其他选项。我不知道我做错了什么。
$('select').on('change', function() {
var firstValue = $('#firstSelection').val();
var secondValue = $('#secondSelection').val();
if (firstValue == 1 &&a
浏览 3提问于2014-03-12得票数 1
回答已采纳
我正在使用一个Select2小部件：
<?php echo $form->field($model, 'id_person')->widget(
\common\widgets\Select2::classname(),
[
'items' => \yii\helpers\ArrayHelper::map(\app\models\Persons::find()->all(), 'id_person', 'name_person'),
'place
浏览 2提问于2018-12-05得票数 0
我已经实施了jsCarousel v2.0演示链接
我的整个站点都是响应式的，但当jsCarousel v2.0运行时，当我在纵向模式或横向模式下打开站点时，它就能正常工作
但是当我从纵向模式切换到横向模式时，它没有检测到正确的模式
if ( jQuery(window).width() > 1200 ){
var a=5;
}
else if ( jQuery(window).width() >= 949 ){
var a=5;}
else if ( jQuery(window).width() >= 768 ){
var a=3;}
else if ( jQuery(w
浏览 0提问于2013-01-23得票数 1
1回答
我正在使用jQuery选择插件来设置产品的状态。所以我想设置一个警报。表示当我设置disabled选项并单击Add Item时，将在顶部显示一个警告()。Image of sample。我不明白我应该在if()条件中写什么。这是我坚持的代码。 //Check status if user selected disabled option
if($status == 'disabled'){
alert("you select disabled Item");
exit();
浏览 30提问于2021-11-08得票数 0
1回答
我在我的子组件中使用了ngonchange，如下所示。但是我看到它只被执行一次。所以基本上我在我的子组件中有一个dropdown，所以当我在dropdown中更改了一些东西时，我希望ngonchange被执行，这只发生一次。第二次更改项时，ngonchange不会被执行。
ngOnChanges(changes: SimpleChanges){
console.info(changes.test);
if(this.test!=null){
console.info(this.test);
this.currentSnapshotPeriod = this.snapsh
浏览 32提问于2019-11-15得票数 0
我是jquery和web开发的n00b，我正在尝试创建一系列下拉菜单，在用户选择一个选项时，将显示下一个下拉菜单，其中一个表出现在最后。
下面是HTML：
<div class="dropdownMenus">
<form id="menu1">
<h2>Choose your number</h2>
<select>
浏览 1提问于2016-04-25得票数 1
回答已采纳
1回答
首先，我承认HTML和JavaScript不是我的强项。
然而，这并没有阻止我创建这个：。
问题是，我需要检测单选按钮上的点击，并相应地更改文本框和按钮文本。
我逐渐意识到before元素不是DOM的一部分，所以点击它们不会被检测到。那我是不是死在水里了？
使用requireJS 2.1.11和jQuery 2.1.0。
浏览 0提问于2014-04-06得票数 1
我使用select2 3.5.2和jQueryValidation1.13.1，通过使用验证插件“突出显示”方法，.I可以向select2元素添加错误类，但是当我选择一个值时，我不能删除该错误类。我怎么才能解决这个问题？
<form id="test" class="frm">
<div>
<input type="text" name="name" />
</div>
<div>
<label for=&#
浏览 1提问于2015-04-29得票数 7
回答已采纳
我正在尝试获取已在选择选项列表中选择的选项的选项值。我怎样才能让它成为可能。下面是我的代码片段
$(document).ready(function(){
$("#getCusineType").bind('click', function() {
alert($(this).find('option:selected').val());
});
$("#getCusineType").bind('focusout', function() {
ale
浏览 0提问于2017-02-21得票数 1
我正在尝试如何使用window.onpopstate。我认为它必须要有back和forward按钮，但它也处理任何链接.那为什么会发生这种事？
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquer
浏览 2提问于2016-01-09得票数 0
回答已采纳
使用jQuery将.html() of a <option>在<select> (之前我已将selectedIndex属性设置为-1)中将<select>的selectedIndex属性从“-1”重置为“0”
<!DOCTYPE html>
<html>
<head>
<script src="//code.jquery.com/jquery-2.1.1.min.js"></script>
<meta charset="utf-8">
<ti
浏览 4提问于2015-01-29得票数 12
回答已采纳
3回答
如何检查javascript / jQuery中的选定项。我想要签入javascript。当你点击value limburg和brabant时。但是我如何在javascript中选择这个选项呢？我有这样的代码：
<form action="/" method="post" class="clearfix">
<fieldset class="clearfix">
<div class="field">
<
浏览 1提问于2012-01-13得票数 2
想象一下汽车配置应用程序。下面是一个状态树示例：
{
// selections
modelYear,
modelId,
transmissionId,
// options
modelYears: [],
models: [],
transmissions: [],
accessories: []
}
当应用程序启动时，它会加载一些初始数据。然后，首先选择一个模型年来填充模型列表，然后选择一个模型，然后选择一个传输、附件等。每个数据以分层的方式依赖于前面的选择。页面加载上的事件序列示例如下：
检索所有年份并填充下拉列表。
默认情况下选择第一年
浏览 2提问于2015-11-27得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
