Javascript 无法在windows加载时调用onchange函数
当我从下拉列表中选择某样东西时，它会工作。但是当我试图做的是用默认的第一个值调用函数时，我已经分别尝试了window.onload方法和.ready函数，但仍然没有调用函数。。而且，我在控制台中也没有发现与此相关的错误，因此这使得更难发现这里的实际错误Javascript 无法在windows加载时调用onchange函数,javascript,ajax,Javascript,Ajax,当我从下拉列表中选择某样东西时，它会工作。但是当我试图做的是用默认的第一个值调用函数时，我已经分别尝试了window.onload方法和.ready函数，但仍然没有调用函数。。而且，我在控制台中也没有发现与此相关的错误，因此这使得更难发现这里的实际错误 window.onload = function (){ $("#work_sanctioned_year").change(); }; $(document).ready(function(){ $
window.onload = function (){
$("#work_sanctioned_year").change();
};
$(document).ready(function(){
$("#work_sanctioned_year").change();
});
$("#work-sanctioned-year").change(function(){
var work_sanctioned_year = $(this).val();
alert(work_sanctioned_year);
$.ajax({
url: 'get_data.php',
type: 'post',
data: {work_sanctioned_year:work_sanctioned_year},
dataType: 'json',
success:function(response){
FusionCharts.ready();
}
});
FusionCharts.ready(function() {
var dataChart = new FusionCharts({
"type": "overlappedBar2d",
"renderAt": "chart-5",
"width": '100%',
"height": '400',
"dataFormat": "json",
"dataSource": {
"chart": {
"caption": "Major League Baseball - Season Rankings",
"subCaption": "Teams in the Lead",
"xAxisName": "Team",
"yAxisName": "Position",
"theme": "fusion",
"showValues": "0"
},
"categories": [{
"labelFontSize": "13",
"category": [{
"label": "Boston Red Sox"
}, {
"label": "New York Yankees"
}, {
"label": "Tampa Bay Rays"
}, {
"label": "Toronto Blue Jays"
}, {
"label": "Baltimore Orioles"
}, {
"label": "Cleveland Indians"
}, {
"label": "Detroit Tigers"
}, {
"label": "Minnesota Twins"
}, {
"label": "Chicago White Sox"
}, {
"label": "Kansas City Royals"
}, {
"label": "Cleveland Indians"
}, {
"label": "Detroit Tigers"
}, {
"label": "Minnesota Twins"
}, {
"label": "Chicago White Sox"
}]
}],
"dataset": [{
"seriesname": "Matches",
"data": [{
"value": parseInt(document.getElementById("work_sanctioned").value)-4650
}, {
"value": "84"
}, {
"value": "86"
}, {
"value": "86"
}, {
"value": "85"
}, {
"value": "85"
}, {
"value": "88"
}, {
"value": "83"
}, {
"value": "86"
}, {
"value": "86"
}, {
"value": "85"
}, {
"value": "88"
}, {
"value": "83"
}, {
"value": "86"
}]
}, {
"seriesname": "Wins",
"data": [{
"value": "57"
}, {
"value": "54"
}, {
"value": "42"
}, {
"value": "39"
}, {
"value": "24"
}, {
"value": "46"
}, {
"value": "38"
}, {
"value": "35"
}, {
"value": "29"
}, {
"value": "25"
}, {
"value": "46"
}, {
"value": "38"
}, {
"value": "35"
}, {
"value": "29"
}, {
"value": "25"
}]
}]
}
})
.render();
});
});
职能工作(已批准){
console.log（'onchange'）；
var工作批准年=$（“#工作批准年”）.val（）；
警报（工作许可年）；
$.ajax({
url:'get_data.php'，
键入：“post”，
数据：{批准的工作年份：批准的工作年份}，
数据类型：“json”，
成功：功能（响应）{
FusionCharts.ready（）；
}
});
FusionCharts.ready（函数（）{
var数据图表=新FusionCharts({
“类型”：“overlappedBar2d”，
“renderAt”：“图表5”，
“宽度”：“100%”，
“高度”：“400”，
“数据格式”：“json”，
“数据源”：{
“图表”：{
“说明”：“职业棒球大联盟-赛季排名”，
“子选项”：“团队处于领先地位”，
“XaxiName”：“团队”，
“yAxisName”：“职位”，
“主题”：“融合”，
“showValues”：“0”
},
“类别”：[{
“labelFontSize”：“13”，
“类别”：[{
“标签”：“波士顿红袜队”
}, {
“标签”：“纽约扬基队”
}, {
“标签”：“坦帕湾射线”
}, {
“标签”：“多伦多蓝鸟”
}, {
“标签”：“巴尔的摩金莺”
}, {
“标签”：“克利夫兰印第安人”
}, {
“标签”：“底特律老虎队”
}, {
“标签”：“明尼苏达双胞胎”
}, {
“标签”：“芝加哥白袜队”
}, {
“标签”：“堪萨斯城皇家”
}, {
“标签”：“克利夫兰印第安人”
}, {
“标签”：“底特律老虎队”
}, {
“标签”：“明尼苏达双胞胎”
}, {
“标签”：“芝加哥白袜队”
}]
}],
“数据集”：[{
“序列名称”：“匹配项”，
“数据”：[{
“值”：parseInt（document.getElementById（“批准的工作”）.value）-4650
}, {
“值”：“84”
}, {
“值”：“86”
}, {
“值”：“86”
}, {
“值”：“85”
}, {
“值”：“85”
}, {
“值”：“88”
}, {
“值”：“83”
}, {
“值”：“86”
}, {
“值”：“86”
}, {
“值”：“85”
}, {
“值”：“88”
}, {
“值”：“83”
}, {
“值”：“86”
}]
}, {
“seriesname”：“Wins”，
“数据”：[{
“值”：“57”
}, {
“值”：“54”
}, {
“值”：“42”
}, {
“值”：“39”
}, {
“值”：“24”
}, {
“值”：“46”
}, {
“值”：“38”
}, {
“值”：“35”
}, {
“值”：“29”
}, {
“值”：“25”
}, {
“值”：“46”
}, {
“值”：“38”
}, {
“值”：“35”
}, {
“值”：“29”
}, {
“值”：“25”
}]
}]
}
})
.render（）；
});
}
<script>
function work_sanctioned(){
console.log('onchange');
var work_sanctioned_year = $("#work-sanctioned-year").val();
alert(work_sanctioned_year);
$.ajax({
url: 'get_data.php',
type: 'post',
data: {work_sanctioned_year:work_sanctioned_year},
dataType: 'json',
success:function(response){
FusionCharts.ready();
}
});
FusionCharts.ready(function() {
var dataChart = new FusionCharts({
"type": "overlappedBar2d",
"renderAt": "chart-5",
"width": '100%',
"height": '400',
"dataFormat": "json",
"dataSource": {
"chart": {
"caption": "Major League Baseball - Season Rankings",
"subCaption": "Teams in the Lead",
"xAxisName": "Team",
"yAxisName": "Position",
"theme": "fusion",
"showValues": "0"
},
"categories": [{
"labelFontSize": "13",
"category": [{
"label": "Boston Red Sox"
}, {
"label": "New York Yankees"
}, {
"label": "Tampa Bay Rays"
}, {
"label": "Toronto Blue Jays"
}, {
"label": "Baltimore Orioles"
}, {
"label": "Cleveland Indians"
}, {
"label": "Detroit Tigers"
}, {
"label": "Minnesota Twins"
}, {
"label": "Chicago White Sox"
}, {
"label": "Kansas City Royals"
}, {
"label": "Cleveland Indians"
}, {
"label": "Detroit Tigers"
}, {
"label": "Minnesota Twins"
}, {
"label": "Chicago White Sox"
}]
}],
"dataset": [{
"seriesname": "Matches",
"data": [{
"value": parseInt(document.getElementById("work_sanctioned").value)-4650
}, {
"value": "84"
}, {
"value": "86"
}, {
"value": "86"
}, {
"value": "85"
}, {
"value": "85"
}, {
"value": "88"
}, {
"value": "83"
}, {
"value": "86"
}, {
"value": "86"
}, {
"value": "85"
}, {
"value": "88"
}, {
"value": "83"
}, {
"value": "86"
}]
}, {
"seriesname": "Wins",
"data": [{
"value": "57"
}, {
"value": "54"
}, {
"value": "42"
}, {
"value": "39"
}, {
"value": "24"
}, {
"value": "46"
}, {
"value": "38"
}, {
"value": "35"
}, {
"value": "29"
}, {
"value": "25"
}, {
"value": "46"
}, {
"value": "38"
}, {
"value": "35"
}, {
"value": "29"
}, {
"value": "25"
}]
}]
}
})
.render();
});
}
</script>
2019
2020
2021
2022
2023
<select id="work-sanctioned-year" onChange="work_sanctioned()" style="max-width:40%;min-width:20%; margin:auto;">
<option value="2019">2019</option>
<option value="2020">2020</option>
<option value="2021">2021</option>
<option value="2022">2022</option>
<option value="2023">2023</option>
</select>
window.onload=函数（）{
批准的工作；
};
<script>
window.onload = function (){
work_sanctioned();
};
</script>