javascript - JQuery/Javascript 检查下拉列表

Question

我正在开发一个网络应用程序，我在一个页面中有两个下拉菜单。

<div id="A">
<select>
    <option value="">please select</option>
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
</select>
<select>
    <option value="">please select</option>
    <option>6</option>
    <option>7</option>
    <option>8</option>
    <option>9</option>
    <option>10</option>
</select>
</div>

现在，我想强制选择两个下拉菜单(除了“请选择”之外)，否则用户无法再继续。 这是我的 jquery 代码。

        var error=0;
        var selected_option = $('#A>select option:selected');
        $('#A').each(function() {
            if(!$('#A select').selected){
                error++;
            }
        });
        if (error>0) {
            alert('Choose the bloody option');
            return false;
        }

到目前为止，实际结果是警报消息工作正常，强制选择部分工作正常。然而，即使我从两者中选择，我仍然保持警惕并陷入困境。我想可能是我的 if 条件 设置不正确。请有人帮助我。非常感谢。

Answer 1

更改 val() 的 selected 以获得 select 的值。

 if(!$('#A select').val()){