选择选项后显示不同的默认值

<select id="options">
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
  <option value="option3">Option 3</option>
</select>

<input type="text" id="default-value" value="">

<script>
  const options = document.getElementById('options');
  const defaultValue = document.getElementById('default-value');

  options.addEventListener('change', () => {
    if (options.value === 'option1') {
      defaultValue.value = 'Default value for Option 1';
    } else if (options.value === 'option2') {
      defaultValue.value = 'Default value for Option 2';
    } else if (options.value === 'option3') {
      defaultValue.value = 'Default value for Option 3';
    }
  });
</script>