javascript - 检测html select dropdown是否处于dropdown selected状态

Question

我有 HTML 下拉菜单；

编码格式如下:

   <select name="State" id="State" class="required"/>
              <option value="">--Select State--</option>
              <option value="AK">Alaska</option>
   </select>

我有一个附加到 <select> 的错误背景图片标记错误。但是我想删除背景图片，一旦用户使用了下拉菜单并且当前选择了可用的 option .

因此，当下拉菜单打开并通过 <option> 选择任何元素时标记隐藏背景图像。我不需要隐藏背景图像本身的帮助'。只是检测何时出现 option 的逻辑已被选中。

我试过从这个逻辑开始

$('option:selected').css('background', 'none !important');

这是你们可能遗漏的警告；如果出现用户切换回默认开始状态的情况 - 例如，在这种情况下为“选择状态”，则此背景图像必须重新出现/恢复。

Answer 1

在状态下拉列表中添加更改事件。所以只要值不为空，它就会隐藏错误信息。

$('#State').change(function() {
    if(this.value !== '') {
        //hide error
        console.log('hide');
    } else {
        //show error
        console.log('show');
    }
});