React，如何更改下拉菜單選項？ 查詢？

Question

這是 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 代碼），我知道我很接近。

謝謝。

Answer 1

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);