使用jQuery设置select2输入的值

扎克

我正在尝试使用jquery设置一个select2值。这可能是一个重复的问题,但是我在这里阅读了30种不同的答案,但没有找到能解决我问题的答案。

HTML代码:

<div class="has_many_fields" data-required-has-many-fields-rows="1" id="location_account_associations"><input id="location_account_associations_attributes_0__destroy" name="location[account_associations_attributes][0][_destroy]" type="hidden" value="false" />
<div class="has_many_fields_row countable" id="location_account_associations_attributes_0">
    <div class="form__row form__row--spreadsheet">
        <div class="form__row__body">
            <div class="form__row__field-wrapper">
                <ul class="grid grid--no-gutters">
                    <li class="grid__6 grid__x--show">
                        Account Thing
                        <input id="location_account_associations_attributes_0_ab_account_id" name="location[account_associations_attributes][0][ab_account_id]" type="hidden" value="42" />
                    </li>
                    <li class="grid__5">
                        <select class="js-select2-combobox" id="location_account_associations_attributes_0_account_id" name="location[account_associations_attributes][0][account_id]" placeholder=" " reflection="#&lt;ActiveRecord::Reflection::AssociationReflection:0x012fb5asd200e8&gt;">
                            <option value=""></option>
                            <option value="1">Orange</option>
                            <option value="2">Apple</option>
                        </select>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>

我尝试了多种不同的方法来选择“橙色”。请注意,当按下某个按键时,此jQuery将执行。同样,由于多种原因,HTML是不可编辑的。只有jQuery可以更改。

Javascript / jQuery:

(function() {
    $(document).on("keydown", function(e) {

        // ignore unless CTRL + ALT/COMMAND + N was pressed
        if (!(e.keyCode == 78 && e.ctrlKey && e.altKey )) return

        jQuery('[name*="[account_associations_attributes][0]').select2("val",1);
        jQuery('[name*="[account_associations_attributes][0]').select2("val","Orange");
     })
 }())
奥拉德·里顿

尝试以下操作:
您可以通过选择ID进行选择。
现场演示:http : //jsfiddle.net/5Y9mG/10/

  $(document).ready(function(){

    $(document).on("keydown", function(e) {

        // ignore unless CTRL + ALT/COMMAND + N was pressed
     if (!(e.keyCode == 78 && e.ctrlKey && e.altKey )) return;
        $('#location_account_associations_attributes_0_account_id option:eq(1)').prop('selected', true)
     });
});

您还可以通过id和值选择它,如下所示:

 $('#location_account_associations_attributes_0_account_id option[value="1"]').prop('selected', true)

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用jQuery设置select2输入的值

来自分类Dev

jQuery select2设置输入值

来自分类Dev

使用 jQuery select2 设置多个值

来自分类Dev

设置select2输入的默认值

来自分类Dev

使用Jquery select2使用optiongroup设置下拉列表的默认值

来自分类常见问题

如何设置jquery select2的选定值?

来自分类Dev

select2使用jQuery动态更改值

来自分类Dev

select2设置多个选择的值

来自分类Dev

在 Select2 中设置文本值

来自分类Dev

jQuery Select2会在单击任意位置时清除输入值?

来自分类Dev

如何使用CSS设置Select2输入标签的样式以及如何限制它们

来自分类Dev

使用jQuery设置输入值

来自分类Dev

如何在select2插件中设置选择值-jQuery

来自分类Dev

如何在jQuery select2远程选择框中设置默认选定值的顺序?

来自分类Dev

使用select2:opening调用中的值作为ajax自动完成数据参数的输入

来自分类Dev

使用select2:opening调用中的值作为ajax自动完成数据参数的输入

来自分类Dev

使用AJAX时如何设置Select2的初始值?

来自分类Dev

使用Ajax在Select2上设置加载时的初始值

来自分类Dev

使用Ajax源设置select2元素的初始值的简单示例?

来自分类Dev

如何在带有select2初始化的输入框上设置默认值?

来自分类Dev

如何在带有asp.net MVC的标记的Select2输入中设置默认值

来自分类Dev

使用Ajax的jQuery Select2插件

来自分类Dev

在其他Select2 Dropdown更改事件上设置Select2 Dropdown值

来自分类Dev

Laravel 4和jQuery Select2:旧输入

来自分类Dev

无法在Bootstrap的select2插件中设置所选值

来自分类Dev

以编程方式设置Select2 Ajax的值

来自分类Dev

无法在Select2中设置多个值

来自分类Dev

Select2设置选定值的新方法

来自分类Dev

设置在select2插件中选择的最小值

Related 相关文章

  1. 1

    使用jQuery设置select2输入的值

  2. 2

    jQuery select2设置输入值

  3. 3

    使用 jQuery select2 设置多个值

  4. 4

    设置select2输入的默认值

  5. 5

    使用Jquery select2使用optiongroup设置下拉列表的默认值

  6. 6

    如何设置jquery select2的选定值?

  7. 7

    select2使用jQuery动态更改值

  8. 8

    select2设置多个选择的值

  9. 9

    在 Select2 中设置文本值

  10. 10

    jQuery Select2会在单击任意位置时清除输入值?

  11. 11

    如何使用CSS设置Select2输入标签的样式以及如何限制它们

  12. 12

    使用jQuery设置输入值

  13. 13

    如何在select2插件中设置选择值-jQuery

  14. 14

    如何在jQuery select2远程选择框中设置默认选定值的顺序?

  15. 15

    使用select2:opening调用中的值作为ajax自动完成数据参数的输入

  16. 16

    使用select2:opening调用中的值作为ajax自动完成数据参数的输入

  17. 17

    使用AJAX时如何设置Select2的初始值?

  18. 18

    使用Ajax在Select2上设置加载时的初始值

  19. 19

    使用Ajax源设置select2元素的初始值的简单示例?

  20. 20

    如何在带有select2初始化的输入框上设置默认值?

  21. 21

    如何在带有asp.net MVC的标记的Select2输入中设置默认值

  22. 22

    使用Ajax的jQuery Select2插件

  23. 23

    在其他Select2 Dropdown更改事件上设置Select2 Dropdown值

  24. 24

    Laravel 4和jQuery Select2:旧输入

  25. 25

    无法在Bootstrap的select2插件中设置所选值

  26. 26

    以编程方式设置Select2 Ajax的值

  27. 27

    无法在Select2中设置多个值

  28. 28

    Select2设置选定值的新方法

  29. 29

    设置在select2插件中选择的最小值

热门标签

归档