[英]Jquery/Javascript how to change button click function based on select option in dropdown menu?
[英]React, how to change dropdown menu option? JQuery?
这是 HTML 代码;
<div class="gl-native-dropdown" autoid="shippingAddress-stateCode" optionsautoid="shippingAddress-stateCode-options" data-auto-id="shippingAddress-stateCode">
<div class="gl-native-dropdown__select">
<span class="gl-native-dropdown__select-label">
<span class="gl-native-dropdown__select-label-text">State</span>
<span class="gl-native-dropdown__select-label-hint gl-form-asterisk"></span></span>
<svg class="gl-icon gl-native-dropdown__select-icon">
<use xlink:href="#dropdown"></use>
</svg>
</div>
<select class="gl-native-dropdown__select-element">
<option></option>
<option>AA Military</option>
<option>AE Military</option>
<option>AP Military</option>
<option>Alabama</option>
<option>Alaska</option>
<option>Nebraska</option>
<option>Nevada</option>
<option>New Hampshire</option>
<option>New Jersey</option>
<option>New Mexico</option>
<option>New York</option>
</select>
</div>
这是我尝试过的;
let selectedValue = $('select[class="gl-native-dropdown__select-element"] > option:contains(“New York")').val();
let select = document.querySelectorAll('.gl-native-dropdown__select-element')[0];
select.value = selectedValue;
var nativeInputValueSetter = Object.getOwnPropertyDescriptor(window.HTMLSelectElement.prototype, "value").set;
nativeInputValueSetter.call(select, selectedValue);
var ev2 = new Event('change', { bubbles: true});
select.dispatchEvent(ev2);
但是我的代码不起作用,下拉菜单文本没有更改为“纽约”
任何帮助,一切都值得赞赏。
我不知道如何修复我的代码(不是 HTML 代码),我知道我很接近。
谢谢。
let selectedValue = 'New York';
let select = document.querySelectorAll('.gl-native-dropdown__select-element')[0];
select.value = selectedValue;
var nativeInputValueSetter = Object.getOwnPropertyDescriptor(window.HTMLSelectElement.prototype, "value").set;
nativeInputValueSetter.call(select, selectedValue);
var ev2 = new Event('change', { bubbles: true});
select.dispatchEvent(ev2);
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.