Question

我在使用bootstrap和bootbox的下拉菜单中使用select2。问题是，当我显示我的下拉列表并尝试第一次选择值时，它会返回一个空对象。如果我重新选择另一个值，它可以正常工作。任何想法如何解决？

我的代码是屁股跟随

<select name="classSelect" class="form-control classSelect select2-hidden-accessible" id="subject_change_select" tabindex="-1" aria-hidden="true">
  <option value="5">sdfsdfsfsdf</option>
  <option value="6">2</option>
  <option value="7" selected="">1</option>
  <option value="8">3</option>
  <option value="9">4</option>
</select>

$(element).select2({
   language: "en",
   minimumResultsForSearch: 1,
   theme: "classic"
}).select2('open');

我尝试使用以下代码获取数据：

$('#subject_change_select').select2('data')

或

$('#subject_change_select').val()

Answer 1

使用jquery .change()获取所选输入的值。然后，使用.text()获取文本值。

＆＃13;

<!DOCTYPE html>
<html>

  <head>
    <script src="https://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
    <script>
    $( document ).ready(function() {
        
        $( "#subject_change_select" ).change(function() {
        r = $("#subject_change_select option:selected").text();
        console.log(r);
      });

    });
      
    </script>
  </head>

  <body>
    <select name="classSelect" class="form-control classSelect select2-hidden-accessible" id="subject_change_select" tabindex="-1" aria-hidden="true">
  <option value="5">sdfsdfsfsdf</option>
  <option value="6">2</option>
  <option value="7" selected="">1</option>
  <option value="8">3</option>
  <option value="9">4</option>
</select>
  </body>

</html>

＆＃13;

第一次选择

1 个答案: