Javascript 如何在单击highchart事件中更改html元素时启动jquery函数?
海图容器Javascript 如何在单击highchart事件中更改html元素时启动jquery函数?,javascript,jquery,html,highcharts,Javascript,Jquery,Html,Highcharts,海图容器 $('#container').highcharts({ /// code goes here plotOptions:{ series: { cursor: 'pointer', point: { events: {
$('#container').highcharts({
/// code goes here
plotOptions:{
series: {
cursor: 'pointer',
point: {
events: {
click: function() {
//
if(this.series.name=="Positive") {
<%if(posTitle.get(0).equals("NoValue")){
//do nothing
}else{
%>
$report.html(
'<table>'+
'<tr><td><b>Sentiment</b></td><td><b>News</b></td><td><b>Date</b></td><td><b>News Courtesy</b></td><td><b>User Opinion</b></td></tr>' +
<% for(int tempTitle=0;tempTitle<1;tempTitle++){%>
'<tr><td>'+this.series.name+'</td><td><a href='+"<%=posTitle.get(tempTitle)%>"+' target = "_blank">'+"<%=posNews.get(tempTitle)%>"+'</a></td><td>'+"<%=posDate.get(tempTitle)%>"+'</td><td>iproperty.com.sg</td><td>***<select class="check" id="op1" >***<option value="0.5" selected="selected">Positive</option><option value="1">Very Positive</option><option value="0">Neutral</option><option value="-0.5">Negative</option><option value="-1">Very Negative</option></select></td></tr>'+
<%}%>
'</table>');
<%}%>
}
谁能帮帮我!
谢谢当您使用class=check动态创建select标记时,您需要使用document对象绑定更改事件。请参见以下jQuery:
$(document).ready(function() {
$(document).on('change','.check',function ()// bind change event using document object
{ alert(this);
$.ajax({
type: "post",
url: "mainPageForOpinion.jsp", //this is my servlet
data: {
output: $(this).val()
},
success: function(){
$('#output').html("Updated");
}
});
});
});
只需在$report.html之后调用$.check.change…-为了确保在DOM中创建新元素后调用该更改。问题是脚本应该在$report.html中,以便在$report.html加载到onclick事件时触发事件
fiddle:jsfiddle.net/H32qN/4将error属性添加到ajax以帮助自己进行调试,您需要指向servlet中的WebMethod,而不是servletitself@david:已接受,但主要问题不是ajax,而是onchange事件,它甚至不会启动函数,尽管我绑定了class.Solved。问题是脚本应该在$report.html中,以便在$report.html加载到onclick事件时触发事件。请创建一个代码的小提琴。这里是小提琴:它不工作。。我个人觉得onchange是从$report.html开始的。。它不能识别文档中有函数,因为它本身在图表中数据点的函数onclick中。
$(document).ready(function() {
$(document).on('change','.check',function ()// bind change event using document object
{ alert(this);
$.ajax({
type: "post",
url: "mainPageForOpinion.jsp", //this is my servlet
data: {
output: $(this).val()
},
success: function(){
$('#output').html("Updated");
}
});
});
});