当select值更改时，Jquery不会更改输入元素值
是因为Jquery的val()方法在处理select元素时有一些特殊的行为。当使用val()方法获取select元素的值时，它会返回当前选中选项的值。但是，当使用val()方法设置select元素的值时，它只会设置第一个匹配的选项的值，而不会改变选中的选项。
这种行为是由于Jquery的设计决策，旨在提供更灵活的选择和操作选项的能力。如果需要在select值更改时同时更改输入元素的值，可以使用change事件来监听select元素的值变化，并在事件处理程序中更新输入元素的值。
以下是一个示例代码，演示了如何使用change事件来实现当select值更改时同时更改输入元素的值：
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<select id="mySelect">
<option value="value1">Value 1</option>
<option value="value2">Value 2</option>
<option value="value3">Value 3</option>
</select>
<input type="text" id="myInput">
<script>
$(document).ready(function() {
// 监听select元素的change事件
$('#mySelect').change(function() {
// 获取选中选项的值
var selectedValue = $(this).val();
// 设置输入元素的值
$('#myInput').val(selectedValue);
});
});
</script>
</body>
</html>在上述示例中，我们使用change事件监听了select元素的值变化。当select值更改时，事件处理程序会获取选中选项的值，并使用val()方法设置输入元素的值为选中的值。
这样，当select值更改时，输入元素的值也会相应地更改。
相关·内容
我正在尝试基于select元素的值更新元素的值，我想让它立即更新，而不是在表单提交时更新，所以我尝试使用jquery (“.on”)，但没有成功。请参考下面的代码：jQuery(document).ready(function($) { console.log(cprodid").val() = _80gallon;
浏览 51提问于2021-03-03得票数 0
回答已采纳
我为一个客户端编写了一个选择框，它被第三方javascript函数重新编写成一堆div和span，最后是一个隐藏元素，其中包含从选择div/span元素中选择的值。我在这个选择框下面编程了另一个选择框，它取决于第一个选择框的值(即用户选择一个国家，如果该国家包含美国和加拿大等地区，则会出现一个州选择框)。在任何情况下，我认为最好从第一个选择框中向新创建的隐藏元素添加一个onChange事件，然后编写我自己的javascript函数，该函数会在第二个选择框因选择国家(第三方javascript已经
浏览 2提问于2011-03-16得票数 2
回答已采纳
我已经确定了将歌曲数据写入哪个类(具有唯一的元素)，但我不能将JQuery 'change‘处理程序绑定到它。在下面的代码中，单击有问题的元素会显示正确的警报，但当元素的值更改时(当歌曲更改时)不会显示警报。; });此外，用live替换bind并不会改变这种情况。如何检测元素的值何时发生更改？
浏览 2提问于2011-10-01得票数 0
5回答
我已经在输入字段中添加了更改事件，这样每当用户输入文本时，其他任务就会发生，但当我在输入字段之外单击时，它会工作。我不知道这是默认行为还是我做错了什么。
浏览 1提问于2015-01-19得票数 0
如果用户将输入值更改为小于1，则我想将输入值更改为1。每次该值被更改时，它都会工作。到目前为止，我可以无条件地将值更改为1： jQuery('input[type=text]').val('1');
});
浏览 3提问于2017-09-04得票数 0
回答已采纳
当引用更改时，输入绑定上的NgChanges (如果输入是引用类型)运行。(像这样的物体)：如果其value属性发生更改，则不会导致ngchanges运行。然而，当我们考虑到两种变化检测策略时，我觉得这似乎是自相矛盾的：
默认情况下--当绑定发生变化时，组件的更改检测就会发生--但根据上述，这并不能识别在引用类型的引用没有更改的输入上发生的更改。换句话说，只有当值类型
浏览 0提问于2019-03-29得票数 3
回答已采纳
3回答
我目前正在使用这个函数来检测对jQuery中的输入框所做的任何更改。$(document).on("input change paste keyup", "input, textarea, select", function(e) {问题是，当您通过代码(如此$("input").val(currentColorChosen); )更改输入的<e
浏览 10提问于2017-12-05得票数 1
回答已采纳
我正在使用jQuery的"onChange“函数来处理字段的”“事件。这按照预期工作，并且确实会在元素的值更改时触发。然而，在以下情况下并非如此：
用户指定要上载的文件。我们后来将这个文件称为"file.dat".jQuery，通过使用val-function.The用户指定要上传的文件"file.dat".，将文件字段的值设置为"“。在上面的场景中，"onChange“不会在步骤3中被调用，但是，如果步骤3的用户指定
浏览 2提问于2011-08-02得票数 2
回答已采纳
正如标题所述，我希望从范围输入(#inputValue)中获得输出值，并且当范围的值被更改时，它也会更改元素宽度(#box)。我已经创建了“按钮”(#buttonToApply) onclick函数，它正常工作，但是在值更改后需要单击按钮以应用新的宽度。 width: 200px;}
<script type="text/javascript&q
浏览 2提问于2016-06-22得票数 1
回答已采纳
当浏览器(如当前版本的火狐、in )不支持输入时间时，我喜欢在中使用来获得更好的用户体验。但是似乎有一个关于绑定的问题。当用户选择一个值时，模型会更新，而当模型更改时，输入字段不会更新。webshim似乎需要使用JQuery().val()来更改值，但Ember不使用此方法。此外，我在webshims文档中找不到任何有关如何在值更改后触发更新的信息。对于Knockout，解决方案是扩展正常的
浏览 6提问于2015-07-23得票数 0
我试图实现的是，当输入值为0或不存在时，应该能够使#警报可见。当输入值不是0时，即使选择了另一个选项，它也应该保持隐藏。它应该是这样的：2)出现警报4)警戒线
jQuery('#mydiv').after('<span id=&q
浏览 0提问于2017-09-06得票数 2
回答已采纳
user-activities']){ }
我改变了值，当我第一次做console.log(更改)时，除了填充输出并继续执行该对象之外，什么都不做，我发现currentValue被更改了，但它没有触发。
浏览 1提问于2017-09-12得票数 1
回答已采纳
我想要实现的是，当我在任何一个输入字段中输入一个值时，这两个输入字段都填充了这个值。我目前的代码是： jQuery('.add-to-cart .qty').each(function() { jQuery('.add-to-cart .qty').val(prod
浏览 16提问于2016-08-25得票数 3
回答已采纳
我试图根据<input>元素的当前值定制它的颜色。到目前为止，我已经尝试过基于这个或这个的解决方案，但是即使在一个简单的条件下(例如"1<2")，也无法使它工作，因此更少基于输入的值(例如"value<2")。
浏览 4提问于2017-12-03得票数 1
回答已采纳
我正在做一个旧的项目，有很多jQuery和一些jQuery插件。其中一个插件是，它根据提供的自定义规则验证输入。我现在遇到的问题是，jQuery选择插件隐藏了正常的select标记，相反，用户与.selecter div交互，然后.selecterdiv以某种方式将选定的值传递给select标记。另一方面，jQuery验证插件只在用户直接与该元素交互(单击该元素)时尝试验证该select元素
浏览 3提问于2015-11-18得票数 0
回答已采纳
如何设置select元素以在值更改时更改number字段元素的最大值？到目前为止这是我的密码。如您所见，我在select布局的末尾添加了onchange。<div class="field"> <%= form.se
浏览 2提问于2022-09-28得票数 0
我试图修改中给出的函数，以便将滑块绑定到现有的select元素，以便使用。该函数应允许用户将值更改为滑块或选择元素，并自动更新其他元素。我已经修改了插件的函数，以便在Select的值发生变化时更新Slider，但是我不知道如何修改函数，以便在Slider的值更改时更新Select。更新-插件文档有一个'onstatechange函数()‘，当滑块改变状态时触发，但我不知道如何修改代码以满足我的需要。= $(
浏览 0提问于2013-03-17得票数 0
我编写了这段javascript/jQuery代码来更改复选框。}); HTML<a href="#">Change CheckBox</a>
有趣的是，单击该链接会改变文本框，但不会触发表单更改事件
浏览 1提问于2012-04-15得票数 25
回答已采纳
3回答
如何检查javascript / jQuery中的选定项。我想要签入javascript。当你点击value limburg和brabant时。但是我如何在javascript中选择这个选项呢？class="clearfix"> <div class="field">
浏览 1提问于2012-01-13得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
