下拉多选框

最新推荐文章于 2025-06-06 09:03:58 发布

明辉光焱

最新推荐文章于 2025-06-06 09:03:58 发布

阅读量196

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 前端 html

本文链接：https://blog.youkuaiyun.com/ftm_csdn/article/details/128126436

<!DOCTYPE html>
<html lang="zh-cn">
<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>
	
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://lib.baomitu.com/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<style type="text/css">
    .cse{
        width: 500px;
        height: 30px;
    }
</style>
<script type="text/javascript">
var data = [{ id: 0, text: 'enhancement' }, { id: 1, text: 'bug' }, { id: 2, text: 'duplicate' }, { id: 3, text: 'invalid' }, { id: 4, text: 'wontfix' }];
$(document).ready(function() {
    $('.js-example-basic-single').select2();
    $(".js-example-tags").select2({
	data: data,
  placeholder:'请选择',
  allowClear:true
  });
  
  $(".js-example-tags").val(['0','3']).select2();
  
});

var jsonString = '{"respCode":"E000","msg":"操作成功","success":true,"jsonData":"\\"UEsFBgAAAAAAAAAAAAAAAAAAAAAAAA==\\""}';
var jsonObject = JSON.parse(jsonString);
console.log(jsonObject);
console.log(jsonObject.jsonData);
</script>

</head>
<body>
    <select class="js-example-basic-single cse" name="state">
        <option value="AL">Alabama</option>
        <option value="WY">Wyoming</option>
      </select>
    <hr>
    <select class="js-example-tags " style="width: 500px;height: 30px;" multiple="multiple">
    </select>
</body>
</html>