Javascript onchange选择框
JavaScript onchange选择框是指在HTML中使用JavaScript编写的代码，用于监测并响应选择框的值发生改变的事件。当选择框的值发生改变时，触发onchange事件，从而执行相应的JavaScript代码。
JavaScript onchange选择框的应用场景非常广泛，常见的包括但不限于以下几个方面：
- 表单交互：通过监测选择框的值变化，可以实现表单的动态联动效果，例如根据选择框的值改变显示不同的选项或内容。
- 数据筛选与过滤：可以利用选择框的值变化事件，实现对数据的筛选和过滤，例如根据选择框的值选择显示不同的数据。
- 动态加载内容：可以根据选择框的值变化，通过Ajax等技术动态加载不同的内容，实现页面的动态更新。
- 表单验证：可以通过选择框的值变化事件，对选择框的值进行验证，例如检查选择框是否选择了有效的选项。
对于JavaScript onchange选择框，腾讯云提供了一系列相关产品和服务，以帮助开发者更好地应用和部署：
- 云函数（SCF）：腾讯云云函数是一种事件驱动的无服务器计算服务，可以通过编写JavaScript代码来响应选择框的值变化事件，并执行相应的业务逻辑。
- 云数据库MySQL版（TencentDB for MySQL）：腾讯云提供的云数据库MySQL版支持JavaScript编程语言，可以通过JavaScript代码对数据库进行操作，实现选择框值变化时的数据更新。
- 云存储（COS）：腾讯云的云存储服务支持JavaScript SDK，可以通过JavaScript代码实现选择框值变化时的文件上传、下载等操作。
以上是腾讯云相关产品和服务的简要介绍，更详细的信息可以参考腾讯云官方网站：https://cloud.tencent.com/。
相关·内容
我有不带onChange属性的选择框。现在，在加载总页面后，根据一些条件，我必须从Javascript中为选择框添加onChange。我正在尝试使用以下代码，但它不起作用：
$("#depositForm").attr(("onChange", "selectedMainDepositType('this');" ));
它没有添加onChange事件。
<select id="depositForm_depositSubType" class="depositSubType" style=&
浏览 2提问于2012-09-19得票数 7
回答已采纳
对于这个事件，我有一些类似于下拉列表的代码：
return helper.DropDownList(data.ModelEntityId.ToString(), selectList, "<Select>", new { onChange = onChange });
如果onChange是一个包含要运行的javascript函数的变量，这将非常有效。但是，对于textbox版本(下面)，onchange事件是在页面加载时触发的(与DropdownList不同，不同的行为是烦人的)。当页面加载时调用javascript函数时，我会得到错误:无法找到Javascrip
浏览 4提问于2010-02-03得票数 0
回答已采纳
我有许多包含多个DatePickers的页面，基本上显示了一些日期范围(DateTo和DateFrom文本框)，一旦DatePicker第一次打开并选择了日期，它们就工作得很好。
第三次，datepicker开始工作，以此类推。
// jQuery.boxModel DEPRECATED in 1.3, use jQuery.support.boxModel instead
jQuery.boxModel = jQuery.support.boxModel = (document.compatMode === "CSS1Compat");
我正在使用DatePicker
浏览 0提问于2012-12-19得票数 0
onchange事件工作得很好，可以很好地填充我的输入(文本框)，但是当onchange事件应用于只有一个选项的下拉框时，它就不起作用了。即使有一个或多个项目，我如何才能让onchange着火？
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
</style>
<script type="text/javascript">
function test(x) {
var x = document.getElemen
浏览 0提问于2013-01-26得票数 3
回答已采纳
2回答
我正在为rails 4应用程序编写测试用例，使用capybara (2.4.4)、黄瓜(1.3.19)、黄瓜-rails (1.4.2)。应用程序有一个下拉框，onchange调用它为jquery函数。我放了一个调试语句
save_and_open_screenshot
，显示选中框中的文本已被选中，但未触发onchange事件。
$("#engagement_list").on("change", function () {}
在选择了下拉列表中的文本后，我将
find('#engagement_list').native.send_keys(
浏览 5提问于2016-05-10得票数 3
我有以下标记：
<select onchange="jsFunction()">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
当用户拉下组合框并选择之前选择的相同选项(或者根本不更改选择)时，JavaScript不会将其视为onchange事件。因此，不会调用jsF
浏览 0提问于2012-08-09得票数 60
回答已采纳
我需要触发一些javascript在activeadmin中加载表单的额外部分。对于"create“操作，我已经成功地从下拉框的onchange事件触发了javascript，但是对于编辑操作，它需要从表单加载触发。
我发现我可以用类似的东西触发它
javascript_tag "loadRecipeEdit(3)"
但是我不能将它嵌入到activeadmin的表单操作中，而不打破表单的结构(formtastic问题)
form do |f|
f.inputs "Details" do
f.input :name
浏览 2提问于2013-07-23得票数 0
回答已采纳
2回答
我必须向现有的Zend 1.12项目添加语言支持。是否可以使用html选择框来更改语言？我所知道的唯一方法是使用选择框的"onChange“属性来插入一个特定的js函数，该函数可以分析所选的选项。
可以在javascript中启动zend_translate语言切换吗？
浏览 7提问于2013-01-02得票数 0
大家好，我怎样才能从不同的选择框中获得两个值？我在我的选择框中获得了第一个值，但我无法从另一个选择框中获得第二个值。box.Here是我的javascript代码：
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
v
浏览 0提问于2012-09-14得票数 0
回答已采纳
以前，我使用onchange事件来调用javascript方法(在这个方法中，使用AJAX调用将选定的选项传递给服务器)。但这会导致在多个选项选择上对服务器进行多个AJAX调用。有没有办法在选择框中选择多个选项后调用javascript方法，这样我就可以防止对服务器的多次AJAX调用。
浏览 1提问于2015-02-04得票数 0
在xe:对话框(XPages扩展库对话框)中，我希望使用XSP.partialRefreshPost函数，但是当刷新输入的值丢失时。
下面的示例演示了这个问题。
ComboBox1，inputText1，ComboBox2，inputText2 : OK，但不是在xe:对话框中
ComboBox3，inputText3 :好但不使用XSP.partialRefreshPost
ComboBox4，inputText4：NOK，因为它在xe：中使用XSP.partialRefreshPost函数
我试图更改xe:对话框的属性，但没有成功。
如何在xe:对话框中使用XSP.pa
浏览 5提问于2015-01-15得票数 3
回答已采纳
这是我的HTML页面
<script>
function set()
{
document.getElementById("txt").value++;
}
</script>
<input id="txt" type="text" onchange="javascript:alert('txt changed');" value="0">
<br/>
<input type="button" onclick="set()
浏览 1提问于2010-08-30得票数 4
回答已采纳
这是我第一个带有javascript代码的html文本框。
<div>
<input type="text" onchange="getTheValue(this)" id="12345" />
</div>
这是我的第二个html标记
<input type="hidden" id="12345_hiddenField" ng-model="hiddenField"/>
在onchange事件中，我调用这个javascript函数
function
浏览 0提问于2016-05-13得票数 0
回答已采纳
4回答
我试图一次完成自动完成和更改事件。
意思:我想在一个自动完成的文本框中触发更改事件。当我从键盘在文本框中写一些东西，然后单击文本框外，那么onchange就会触发，但是当我在“自动提示”中选择某个内容时，名称onchange就不会触发了。
我的HTML代码
<div style="width: 34%">
Person Name:<input id="txt0" type="text" onchange="SaveData('txt0')" class="userSearch"
浏览 7提问于2012-11-28得票数 13
回答已采纳
我正在尝试使用OnChange对表单进行额外检查，因此如果文本等于表单提交前的特定值，则会出现一个警告框。如果删除If值，则会出现警报框，但如果字段设置为“不再需要”，则不会出现警告框。
<script type="text/javascript">
/*<![CDATA[*/
function extracheck(s) {
if (s.value == "No Longer Required"){
alert("message here");
}
}
/*]]>*/
</script>
<fo
浏览 2提问于2014-08-11得票数 1
回答已采纳
2回答
我有一个带有以下标记的asp:CheckBox：
<asp:CheckBox ID="cbTest1" runat="server" onchange="cbChange(this.id);"/>
cbChange是<head>中的Javascript函数，如下所示(目前它很简单)：
<script type="text/javascript">
function cbChange(senderID) {
alert('|' + senderID + &
浏览 1提问于2013-07-10得票数 1
回答已采纳
我有一个选择框。我想传递它选定的值，并将链接作为get参数。在选择框的onchange事件上，我在javascript中获得了复选框的值。现在我怎么才能通过链接？
<script type="text/javascript">
function getArticle(sel){
var value = sel.options[sel.selectedIndex].value;
alert(value);
}
</script>
<a href="edittoc.php?key=value
浏览 1提问于2014-03-27得票数 0
回答已采纳
我为一个客户端编写了一个选择框，它被第三方javascript函数重新编写成一堆div和span，最后是一个隐藏元素，其中包含从选择div/span元素中选择的值。我在这个选择框下面编程了另一个选择框，它取决于第一个选择框的值(即用户选择一个国家，如果该国家包含美国和加拿大等地区，则会出现一个州选择框)。在任何情况下，我认为最好从第一个选择框中向新创建的隐藏元素添加一个onChange事件，然后编写我自己的javascript函数，该函数会在第二个选择框因选择国家(第三方javascript已经用新选择的国家值更新了隐藏元素值)而发生变化时，根据隐藏元素值显示/隐藏第二个选择框。我尝试过用jQ
浏览 2提问于2011-03-16得票数 2
回答已采纳
我正在尝试使用jquery转换可搜索组合框中的下拉列表。下面的代码对我来说很好，但需要动态设置onkeypress事件、onchange事件、id、name、maxlength属性值。我使用下面的jquery代码来创建一个组合框：
(function( $ ) {
$.widget( "ui.combobox", {
_create: function() {
var input,
that = this,
wasOpen = false,
select = this.element.hide
浏览 0提问于2013-06-21得票数 0
3回答
当我更改第二个文本框时，第一个复选框将选中。我想要的是当更改第二个文本框的值时，自动选中第二个复选框。
这是我的
<input type="checkbox" id="chbx" onchange="checkbox_changed()">
<input type="text" id="chbx" onChange="checkbox_changed()" value="Value1">
<br>
<input type="check
浏览 4提问于2013-11-28得票数 0
我的网页中有以下textbox服务器控件：
<asp:TextBox ID="txtZip" runat="server" onchange="ZipCode_OnChange(this, <%= txtZip.ClientId %>, txtCity, txtState);/">
当页面呈现时，它的构建包括以下内容：
<input name="txtZip" type="text" id="txtZip" onchange="ZipCode_OnChange(
浏览 0提问于2009-09-01得票数 7
回答已采纳
有人知道如何使onchange事件为javascript/Jquery更新的文本输入框工作吗？
示例：
我将使用jquery将文本中的值插入文本框中，而不是手动将其输入到输入框中，如下所示。一旦jquery在文本框中更改了值，onchange事件就能工作吗？我能让它起作用吗？
HTML:
<table>
<tr>
<td>
<input type="text" ID="test" />
</td>
</tr>
</table>
Javascr
浏览 1提问于2013-08-28得票数 2
回答已采纳
我正在处理一个复选框，当单击时会显示一个新的文本框。只有两个文本框，其中一个隐藏在里面。选中复选框时，将显示隐藏的文本框并隐藏已启用的文本框。 我使用onChange事件来显示/隐藏，但我只能打开它一次。由于我刚开始使用Javascript，所以我还没有真正计算出如何为同一复选框创建两个onChange事件的所有变量(*.我使用的是onChange，因为它会对复选框本身做出反应，而onClick只会对除复选框之外的所有内容做出反应。 另一个问题是，我正在使用Wix Corvid对其进行编程，并且我在复选框中没有得到任何有效的名称或ID。 $w.onReady(function (){
$w
浏览 51提问于2020-01-06得票数 0
2回答
我正在尝试根据他们是否选择了另一个选项来使选项可选或不可选。例如，如果有选项1-6，并且他们没有在第一个选择框中选择选项1，那么在同一选择框中和表单中的任何其他选择框中，选项6都不能被选择。
我环顾四周，但一切都是为了点击一个按钮来实现这一点。
这是我拥有的代码(我也尝试过onclick)
<script type="text/javascript">
function makeDisable(){
var x=document.getElementById("mySelect2");
x.disabled=
浏览 1提问于2013-07-31得票数 9
回答已采纳
我有一个由物体组成的ArrayList。
我正在使用struts 2创建一个选择框。我想使用onchange方法，它将调用javascript中的一个函数。如何使用object中的值将参数传递给该函数？从ArrayList
浏览 0提问于2011-05-26得票数 0
3回答
通过id增加CSS
、、、
我有一组由javascript生成的文本框。其中一些文本框需要额外的CSS样式。我不能使用id属性，因为只有一些文本框需要这种样式。我也不能使用类属性，因为它在所有文本框中都是相同的。
我目前使用的CSS如下：
#txtSys8
{
position: relative;
left: 203px;
}
#txtSys9
{
position: relative;
left: 203px;
}
#txtSys10
{
position: relative;
left: 203px;
}
有没有一种方法可以循环这些ids (从#txtSysy8到#txtSys19 19)而不分别设置样式？
这
浏览 5提问于2013-07-30得票数 1
回答已采纳
我正在尝试调用一个javascript函数，其中一个参数是从drop box获取的变量。如果仅使用"this.value“传递当前下拉框中的值，则此脚本运行良好，但是当尝试传递变量时，代码不起作用。当我使用echo语句时，变量是从drop框中的值正确填充的。我认为问题在于将变量实际传递给javascript函数。函数showSection(q，r)从不被调用，因为write语句从不执行。任何帮助都将不胜感激。下面是我的php和javascript代码
echo "<select name=\"course\" onchange=\"showSect
浏览 2提问于2012-04-21得票数 0
我的表单上的文本框可能会根据在各种下拉列表中选择的内容而变化。
有没有办法在文本框的值改变时调用javascript函数？
尝试了onchange事件，但这似乎只有在用户手动更改文本框值时才起作用。
干杯,
Breandán
浏览 5提问于2009-02-26得票数 3
回答已采纳
3回答
我是javascript中的新手，在用户单击combobox选项后，我需要重新加载当前页面，但我有一些规则。
这两个组合框：
<select onChange="Refresh(this.value)" name="comboA">
<option value="0">0</option>
<option value="1">1</option>
</select>
<select onChange="Refresh2(this
浏览 12提问于2014-07-18得票数 0
我有以下生成的代码，并试图检索单选按钮值或从下面的html生成的代码检查
HTML代码生成：
<input type="radio" name="mergedServiceSets[0].cdaQuestionnaireresponses[0].questionnaire.value" id="SetUpTest_mergedServiceSets_0__cdaQuestionnaireresponses_0__questionnaire_valueY" value="Y" class="merge
浏览 0提问于2011-06-21得票数 0
回答已采纳
我有一个名为date的文本框和一个链接，如下所示
<input type="text" name="date">
<a href="javascript:" onclick="cal.select(document.getElementById('date')"><img src='cal.jpg'>
一旦我点击日历图标，日历就会出现。如果我选择date，它会填充到名为"date“的文本框中。现在，我需要编写一段ajax代码，根据日期选择填充另一个下拉列表
浏览 0提问于2013-04-12得票数 0
4回答
当用户选择某物时，我想禁用一个选择框。Javascript代码：
function desabilitar(val) {
$(val).attr('disabled','disabled');
}
HTML：
<select class="form-control" onchange="desabilitar('mes')" id="mes" name="mes">
但不管用..。有什么帮助吗？
浏览 6提问于2016-08-11得票数 1
回答已采纳
1回答
情况就是这样。我希望将onchange事件传递给一个页面(实际上是这个调用所来自的页面)，而不使用javascripting。有一个地址如下的标签：
<form name='form1' action='http://mysite.com/index.php' method='get'>
select标记接受更改事件：
<select name='alue' onchange='this.form.submit();'>
我希望根据第一个选择框选择，将特定的受限选项列表传递给另一个选择框。我
浏览 0提问于2013-10-08得票数 0
2回答
我的OnChange事件不能正常工作--当用户更改文本框的值时，我希望触发一个函数。但是在我的测试中，我看到了当textbox的值发生变化时，和文本框失去焦点时，函数就会触发。我的浏览器出问题了吗？还是与JavaScript的能力有关？如果最后一个是真的，我怎么能做到呢？提前谢谢。
浏览 1提问于2011-11-27得票数 2
回答已采纳
基于示例，希望创建这样的行为：
小提琴：
三个放下箱子。用户在第一个下拉框中选择值。例如，如果用户在第一个下拉框中选择选项2或选项3，那么第二个和第三个下拉框中的值将更改为空白<option value="4"></option>。
这是HTML
<select id="asset_id" name="asset[asset_id]">
<option value="1">Option 1</option>
<option value="2">
浏览 0提问于2013-07-03得票数 0
回答已采纳
我有一个带有几个复选框输入字段的订单。我想向用户展示提交表单之前所做的选择。下面显示的js脚本按照预期工作，如果用户选中一个框，则该框的值将显示在段落中。问题是，每个额外的复选框都会覆盖前面显示的结果。
如何更改脚本以输出所有选中的复选框？
这是PHP表单：
<input type="checkbox" onchange="toggleCheckbox(this)" value="1" name="1">
<input type="checkbox" onchange="toggleChe
浏览 0提问于2014-08-27得票数 0
回答已采纳
问题1：
我正在对选择框中的选择选项执行重定向。在它重定向到的页面上(第1页和第2页)，是否可以获取该值并在它重定向到的页面上显示选择选项值？
例如:假设我在选择框中选择了第1页。在它重定向到的页面(page1.php)上，是否可以在该页面(page1.php)的选择框中显示该选项值？
下面是我的代码：
<select onchange="this.options[this.selectedIndex].value && (window.location = this.options[this.selectedIndex].value);">
<
浏览 1提问于2016-04-10得票数 0
我正在构建一个web应用程序，将有一个相当多的表单。html表单是使用php生成的。
我遇到的一件事是：
我有一个下拉框供用户选择他的国家。一旦他选择了国家，就会调用服务器获取国家内部的状态列表，并将其填充到下拉框中。
起初，我想我可以提供两种选择：
是一个增强的jquery版本，在该版本中，ajax用于获取状态并在下拉列表中填充状态。(其中javascript不可用)，整个页面被提交到服务器，然后在下拉列表中重新添加新的状态。
但是，onChange()需要javascript。因此，如果有人在没有启用javascript的情况下访问表单，我们就无法处理第二个选项，因为javascript需
浏览 9提问于2011-09-09得票数 1
回答已采纳
可能重复：
在我看来，我有一个下拉列表，一个提交按钮和一个文本框。当单击submit按钮或下拉列表的onChange事件时，我希望将所选的下拉列表值传递给文本框。我怎样才能做到这一点？
编辑：
我这么做了，但不起作用：
<script type="text/javascript">
$(function () {
$('#ddlComp').change(function () {
var selectedValue = $(this).val();
$('#txt
浏览 0提问于2012-06-17得票数 2
回答已采纳
这应该是相当简单的，但我已经尝试了一些事情，但没有成功。
我在一个页面上有一系列Html.TextBoxFor字段，每个字段都在它们自己的Ajax.BeginRouteForm中。在每个框的旁边都有一个submit按钮，当单击该按钮时，它会根据需要执行Ajax更新。
我想自动执行此操作，以便当用户更改字段中的值( onchange事件)时，表单将以与当前使用的提交按钮相同的方式提交。
我尝试使用htmlattributes将JavaScript函数分配给onchange事件(如下所示)，这会导致表单提交，但它会重定向页面，而不是以ajax方式工作(而不是单击正常工作的submit按钮)。
@(
浏览 0提问于2011-07-29得票数 1
1回答
我为一个表单编写了一个javascript代码来计算价格，而用户在文本框中输入一个数字。计算公式根据用户在文本框中键入的数量进行更改。
例如，如果数字介于0到1200之间，则总价格= (200000 + 166.7 x facadeArea )x(projectStyle)x(projectFunction)。
问题是总价格一点也不变化。请帮帮我。
<html>
<font face = "Algerian" ><h2>What Kind of Project Would You Like to Order?
</h2></
浏览 0提问于2017-07-17得票数 0
回答已采纳
1回答
我的问题是javascript没有等待文件选择对话框关闭。我刚刚找到了一个解决方案，我们为元素声明一个onChange事件。因此onChange事件可以正常工作，但脚本仍然在onChange事件之前运行。它们是异步的.我想可能有一种方法可以检查是否有打开的对话框？请帮帮我，我的两天:)
浏览 3提问于2016-07-24得票数 1
我有一种情况，我有一个文本框，它将被更新为一些值，一旦文本框获得它的值，就会调用一个javascript函数。我试过了，但这不管用
if (validSubmission) {
User user = new User();
String StatusMessage=user.executeUserTask("_create_","",userBusinessEmailId,userPassword,cityOfBirth,userFirstName,userLastName,userCompanyName,userCompanyAddress
浏览 0提问于2018-09-06得票数 0
我正在尝试创建一个窗体，该窗体基于以前的选择列表显示不同的选择列表。
HTML
<select name="college" id="college" onchange="show_majors()">
<!-- <option value="-">-</option> -->
<option value="COE">College of Engineering</option>
浏览 0提问于2016-08-13得票数 0
我有多个具有相同value.If的下拉列表，他们第一次从其他下拉列表中选择午餐，我必须删除午餐。以下是我的代码
前端代码
<?php for($i=1; $i<=7; $i++)
{?>
<select name="task<?php echo $i;?>" onchange="checkSelected(this,<?php echo $i; ?>);" id="task<?php echo $i;?>"
<option value="Testing">
浏览 1提问于2014-07-01得票数 0
我有一个PHP表单，其中我使用java脚本从日历中获取生日日期值，然后我编写了一个onchange java脚本来根据文本框的值计算年龄，并将其显示在另一个文本框中。但onchange函数不起作用...
这是我从某个网站下载的外部javascript的日历中获取出生日期的文本框代码。这个很好用..它在文本框中显示日历中的选定日期。
<input id="birthdate" name="birthdate" type="text" size="12" maxlength="10" readonly="
浏览 2提问于2013-01-16得票数 0
当我键入搜索框(文本框)时，由于列表框查询中的下列条件，我的列表框将更新；
比如“& Forms.text &”
列表框从OnChange事件中更新，列表框作为用户输入到“搜索”文本框中。一切都很完美，但是我想知道如何才能让我的代码在同一个OnChange事件上选择最高级的值？
浏览 0提问于2019-01-14得票数 1
回答已采纳
12回答
我是JavaScript和jQuery的新手。我想展示一个combobox-A，它是一个HTML，其中包含选定的id和onChange()上另一个位置的内容。
如何传递带有选择id的完整组合框，以及如何传递onChange事件的其他参数？
浏览 325提问于2011-02-17得票数 235
回答已采纳
我是Dojo新手，我的onChange()事件有一个问题，它在页面加载时运行，而不是在选择框中的值更改时运行。这是我的代码，它全部在页面的正文部分。谢谢你的帮助。
<div id="supportCentersListBox" data-dojo-type="dijit.form.Select"></div>
<script type="text/javascript">
dojo.require("dojo.data.ItemFileReadStore");
dojo.req
浏览 0提问于2012-07-20得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
