Question

在我的HTML页面中，我有一个按钮，单击该按钮可获取页面中的元素并将其传递给服务器。

 <button type="button" class="btn btn-default" id="filter_btn" onclick="on_submit()">Submit</button>

函数调用由我的js代码处理，如下所示。

function on_submit()
{
 var $start_date=document.getElementById("datepicker1").value;
 var $end_date=document.getElementById("datepicker2").value;
 var $vid1 = $('#vid1');
 var $vid2 = $('#vid2');
 var $vid1_name = $('#vid1').text();
 var $vid2_name = $('#vid2').text();
 var $metric = $('#metric').val();
 var $frequency = $('#freq').val();
  $.get('../content_focus',{type:"getData",vid1_name:$vid1_name, vid2_name:$vid2_name, vid1:$vid1, vid2:$vid2, start_date:$start_date, end_date:$end_date, metric:$metric, frequency:$frequency}, function(responseData){
  alert('im done');
 });
   }

现在，borwer控制台抛出一个错误，指出“没有实现接口HTMLElement的对象上的'click'。” 并且我的打印语句或警报语句都没有执行，我希望得到一些帮助

Answer 1

似乎问题在于，

 var $vid1 = $('#vid1');
 var $vid2 = $('#vid2');

$vid1和$vid2是HTML元素。

如果你想传递html使用，

var $vid1 = $('#vid1').outerHTML();
var $vid2 = $('#vid2').outerHTML();

＆＃39;单击＆＃39;调用一个没有实现接口HTMLElement的对象

1 个答案: