只有在选择选项发生变化后才能获得输入值

Question

我有一个<"select'>，有一些选项和onChange查找器。选择某个选项时，某些隐藏字段中会设置​​某些值。因此，如果这种变化事件不会发生，这意味着这些字段的值将保持其初始状态，即0。

我想实现的是，只有当onchange发生时，这意味着隐藏的字段值已定，我从那些隐藏字段的值，并与数据进行一些Ajax

这是我到目前为止有：

<select class="form-control choosedegree" name="sem" id="semester"> 
     <option value="" selected="selected" disabled>Select Semester</option> 
     <option value="1">Year 1, Semester 1</option> 
     <option value="2">Year 1, Semester 2</option> 
     <option value="3">Year 2, Semester 1</option>    
    </select> 

在此之后已被触发，并完成后，

$('select#semester').on('change', function(){}); 

然后找到一些隐藏的输入并设置由于onChange而得到的新值。

$('div.tab-content div.tab-pane.active form').find('input[type=hidden]').val() 

我该如何做到这一点！任何形式的帮助都非常感谢。

Answer 1

这样做：

$('select#semester').on('change', function(){ 

if($(this).val() != "") 
{ 

// send ajax call here 
setTimeout(SendAjaxCall,3000); // execute SendAjaxCall after 3 secs 
    } 

}); 


function SendAjaxCall() 
{ 
var val = $('div.tab-content div.tab-pane.active form').find('input[type=hidden]').val(); 
}