使用javascript在html中选择第一个选择框后,如何打开第二个选择框的列表?

时间:2019-06-24 05:12:33

标签: drop-down-menu

我在html中有两个选择框。最初,第一个选择框将在单击后显示列表。选择第一个选择框后,应打开第二个选择框。

1 个答案:

答案 0 :(得分:0)

我找到了下面给出的解决方案。

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.7/css/select2.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.7/js/select2.min.js"></script>
</head>
<body>
<select class="js-example-basic-single" id="mySelect2" name="state">
  <option value="AL">Alabama</option>
  <option value="WY">Wyoming</option>
</select>
<input value="Open Select" type="button" onClick="$('#mySelect2').select2('open');" >
<script>
// In your Javascript (external .js resource or <script> tag)
$(document).ready(function() {
    $('.js-example-basic-single').select2();

});
</script>
</body>
</html>