如何設置select選項默認值？

一、使用selected屬性設置默認選項

在HTML的select標籤中，可以使用selected屬性來設置選項的默認值。

<select>
  <option value="1">選項1</option>
  <option value="2" selected>選項2</option>
  <option value="3">選項3</option>
</select>

在上面的代碼中，選項2將會是默認選中的選項。

二、使用JavaScript動態設置默認選項

如果需要在頁面載入後動態設置select選項的默認值，可以使用JavaScript來實現。

<select id="mySelect">
  <option value="1">選項1</option>
  <option value="2">選項2</option>
  <option value="3">選項3</option>
</select>

  document.getElementById("mySelect").value = "2";

在上面的代碼中，id為mySelect的select元素的默認值將會被設置為2。

三、使用jQuery動態設置默認選項

如果使用jQuery來操作DOM，可以使用val()方法來動態設置select選項的默認值。

<select id="mySelect">
  <option value="1">選項1</option>
  <option value="2">選項2</option>
  <option value="3">選項3</option>
</select>

  $("#mySelect").val("2");

在上面的代碼中，id為mySelect的select元素的默認值將會被設置為2。

四、使用React組件設置默認選項

如果使用React來開發Web應用，可以通過設置組件的state來動態設置select選項的默認值。

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      selectedOption: "2"
    };
  }
  render() {
    return (
      <select value={this.state.selectedOption} onChange={this.handleChange}>
        <option value="1">選項1</option>
        <option value="2">選項2</option>
        <option value="3">選項3</option>
      </select>
    );
  }
  handleChange = (event) => {
    this.setState({ selectedOption: event.target.value });
  }
}

在上面的代碼中，組件的state中的selectedOption屬性的值為2，因此選項2將會是默認選中的選項。當用戶選擇其他選項時，handleChange方法將會更新組件的state。