解决程序化输入后表单提交失败的问题：使用标准HTML选择器

<form id="myForm" action="/submit-data" method="post">
    <label for="numberSelect">请选择一个数字:</label>
    <select id="numberSelect" name="selectedNumber">
        <option value="">请选择</option>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>
    </select>
    <br><br>
    <button type="submit">提交表单</button>
</form>

// 假设您有一个自定义的数字列表，点击后需要更新 <select> 的值
// HTML结构示例：
// <ul id="customList">
//     <li data-value="1">1</li>
//     <li data-value="2">2</li>
//     <li data-value="3">3</li>
// </ul>

document.addEventListener('DOMContentLoaded', function() {
    const customNumberList = document.getElementById('customList'); 
    const numberSelect = document.getElementById('numberSelect');

    if (customNumberList) {
        customNumberList.addEventListener('click', function(event) {
            const targetLi = event.target.closest('li');
            if (targetLi && targetLi.dataset.value) {
                const selectedValue = targetLi.dataset.value;
                numberSelect.value = selectedValue; // 通过JS设置 <select> 的值

                // 重点：设置值后，可以手动触发 'change' 事件，
                // 尽管对于 <select> 而言通常不是强制性的，
                // 但对于某些自定义逻辑或框架集成可能有用。
                const changeEvent = new Event('change', { bubbles: true });
                numberSelect.dispatchEvent(changeEvent);

                console.log(`Select value updated to: ${selectedValue}`);
            }
        });
    }

    // 监听 <select> 自身的更改事件（用户或脚本触发）
    numberSelect.addEventListener('change', function() {
        console.log(`当前选定的数字是: ${this.value}`);
    });

    // 表单提交事件
    document.getElementById('myForm').addEventListener('submit', function(event) {
        // 在实际应用中，这里可以进行额外的验证或Ajax提交
        console.log('表单即将提交...');
        console.log('选定的数字是:', numberSelect.value);

        // 如果使用Ajax提交，需要阻止默认的表单提交行为
        // event.preventDefault();
        // 然后在这里执行您的Ajax请求，例如：
        // fetch(this.action, {
        //     method: this.method,
        //     body: new FormData(this)
        // }).then(response => response.json())
        //   .then(data => console.log('提交成功:', data))
        //   .catch(error => console.error('提交失败:', error));
    });
});