我正在尝试使用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>
我尝试了多种不同的方法来选择“橙色”。请注意,当按下某个按键时,此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] 删除。
我来说两句