在一个没有实现接口的对象上调用'click'HTMLElement

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控制台抛出一个错误，指出“‘点击’调用的对象不实现接口HTML元素上。” ，没有我的打印报表或警告语句得到执行我想一些帮助，这

Answer 1

这似乎是问题是，

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

$vid1和$vid2是HTML元素。

如果你想通过HTML中使用，

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