如何获取在选择2输入字段上输入的当前输入值

Question

当我第一次输入多重选择值时，我根据jquery中的以下代码获得了当前输入的文本值

 <select class="form-control select2" multiple="multiple" data-placeholder="Select areas" style="width: 100%;" id="edit_areas" name="area">
 </select>
$(".select2-search__field").val()

$(document).on('keyup',".select2", function (e) {

    var city = $("#add_city option:selected").text();
    var location = $(".select2-search__field").val();});

效果很好。

但是在编辑中尝试输入更多值时，使用上述代码无法获得当前输入值，显示为空

注意：这里我根据用户输入动态设置下拉菜单

谁能帮我解决这个问题。

Answer 1

没有看到您的HTML或完整的jQuery，很难准确地看到您要执行的操作。 所以我在黑暗中刺了一下。

 $(document).ready(function() { $('.mrselect').on('change', function() { var values = $(this).find('option:selected'); var fancyPantsArray = []; values.each(function() { fancyPantsArray.push($(this).val()); }); console.log(fancyPantsArray); }); }); 

 <select class="mrselect" multiple="multiple" name="mrselect"> <option value="Mr Option 1">Mr Option 1</option> <option value="Mr Option 2">Mr Option 2</option> <option value="Mr Option 3">Mr Option 3</option> <option value="Mr Option 4">Mr Option 4</option> <option value="Mr Option 5">Mr Option 5</option> </select> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script> 

Answer 2

一旦转换为select2，就应该使用select2特定的方法来获取和设置值。

设置值时（例如，用于编辑），请使用如下代码：

$(".select2").select2("val", "Am,WY".split(",")); 

并使用以下代码获取值：

$(".select2").select2('val');

希望它能解决您的问题（因为不确定您拥有的HTML和代码是什么，这只是一个猜测：-)）

Answer 3

尝试这个

 var nome = $("#select_id").data('select').$dropdown.find("input").val(); or $('input.select2-input').val();