javascript - 在未实现 HTMLElement 接口(interface)的对象上调用“click”

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 接口(interface)的对象上调用了‘click’”。 我的打印语句或警报语句都没有被执行，我需要一些帮助

Answer 1

问题似乎在于，

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

$vid1 和 $vid2 是 HTML 元素。

如果你想通过html使用，

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