Question

我有一个<"select'>，有一些选项和onChange listerner。选择选项时，会在某些隐藏字段中设置某些值。因此，如果此更改事件不会发生，则表示这些字段的值将保持其初始状态，即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();
}

仅在选择选项更改发生后才获取输入值

1 个答案: