显示一个值并使用HTML <select>和<option>标记将另一个值发送到后端

<select id="mySelect">
  <option value="value1">Value 1</option>
  <option value="value2">Value 2</option>
  <option value="value3">Value 3</option>
</select>

document.getElementById("mySelect").addEventListener("change", function() {
  var selectedValue = this.value;
  // 发送请求到后端，可以使用Ajax或其他方式
  // 例如，使用fetch发送POST请求：
  fetch('/backend', {
    method: 'POST',
    body: JSON.stringify({ selectedValue: selectedValue }),
    headers: {
      'Content-Type': 'application/json'
    }
  })
  .then(response => response.json())
  .then(data => {
    // 处理后端返回的数据
    console.log(data);
  })
  .catch(error => {
    console.error('Error:', error);
  });
});