如果在选择框中未选择任何内容,则jquery检查

时间:2016-07-09 12:26:08

标签: javascript jquery html datatables

我想检查选择框是否选择了某个项目或是否为空。如果选择选项没问题,我可以使用

$('main_user_selector_selectbox').find('option:selected').val()获取值或$('main_user_selector_selectbox')find.('option:selected').text()获取文本。

问题是,当没有选择任何内容时,我总是收到第一个选项的信息。

<select class="main_user_selector_selectbox" name="main_user_select_box">
    <option value="US20160622053653am"> Beckenbauer, Franz </option>
    <option value="US20160618044520am"> Engel, Laura </option>
    <option value="US20160618094232am"> Gonzaga, Bengie </option>
    <option value="US20160623055042am"> Neureuter, Walter </option>
    <option value="US20160618050746am"> Rosenberger, Trude </option>
    <option value="US20160622102555am"> Schuhmacher, Michael </option>
    <option value="US20160618063016am"> Tinay, Decebil </option>
    <option value="US20160615115928am"> Weiss3, Katrin </option>
</select>

我尝试使用带有数据表的脚本来接收一些信息,以允许或禁止选择数据表中的行。

var table = $('#rights_grid').DataTable();
table.on( 'select' , function () {
    var user_id = $(".main_user_selector_selectbox").find('option:selected').val();
    alert(user_id);
}
)}

1 个答案:

答案 0 :(得分:2)

添加空值作为选择框中的第一项

<option value=""></option>

现在您只需检查选择框的值即可。如果没有选择,它将不返回任何内容。

$('.main_user_selector_selectbox').val()