当前位置: 首页 > 工具软件 > jSelect > 使用案例 >

jquery 中清除select框选中的值

高增
2023-12-01

jquery 中清除select框选中的值

代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="JS/jquery-3.5.1.min.js"></script>
    <script>
        $(document).ready(function() {
        $('#clear').click(function () {
            $('#country_sel').val('');
            $('#country_sel').trigger('chosen:updated');
            // $('#country_sel').empty();不建议使用

        })
        
    })
      
        
    </script>
</head>
<body>
    <div>
        <select name="" id="country_sel" style="color:blue">
            <option value="">--请选择--</option>
            <option value="1">中国</option>
            <option value="2">美国</option>
            <option value="3">加拿大</option>
        </select>
    </div>
    <br>
    <!-- <input type="submit" id="clear" value="重置"> -->
    <button id="clear" style="color:black">重置</button>
    
</body>
</html>

注意事项


需要提前在html文件中head标签里引入本地下载好的或者在线的jquery文件

 类似资料: