僅在選擇選項發生更改后獲取輸入值

Question

我有一個帶有某些選項和onChange listerner的<"select'> 。當選擇一個選項時，將在某些隱藏字段中設置某些值。因此，如果不會發生此更改事件，則意味着這些字段的值將保留在它們的初始狀態，即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();
}