Zac*_*ack 4 javascript jquery 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="#<ActiveRecord::Reflection::AssociationReflection:0x012fb5asd200e8>">
<option value=""></option>
<option value="1">Orange</option>
<option value="2">Apple</option>
</select>
</li>
</ul>
</div>
</div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
我尝试了多种不同的方法来选择"橙色".请注意,当按下某个键击时,此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");
})
}())
Run Code Online (Sandbox Code Playgroud)
结束找到解决方案.
jQuery('[name*="[account_associations_attributes][0]"]').select2('val', '1')
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
8697 次 |
| 最近记录: |