如何基于下拉框选择填充HTML表单字段？代码改造求助

当然可以改成下拉框实现这个功能，以下是修改后的完整代码，同时保留文本框的可编辑性：

<HEAD>
    <TITLE>Test</TITLE>
    <SCRIPT LANGUAGE="JavaScript">
      function testResults (form) {
        // 获取下拉框的选中值
        var selectedValue = form.input.value;
        // 根据选中值设置文本框内容
        if (selectedValue === "red") {
          form.textbox.value = "Full Home Automation Package";
        } else if (selectedValue === "blue") {
          form.textbox.value = "Some Other Package";
        } else {
          form.textbox.value = "";
        }
      }
    </SCRIPT>
</HEAD>
<BODY>
<FORM NAME="myform" ACTION="" METHOD="POST">
  Choose a Service: <BR>
  <!-- 用select下拉框替代单选按钮 -->
  <SELECT NAME="input" onChange="testResults(this.form)">
    <OPTION VALUE="">请选择服务</OPTION>
    <OPTION VALUE="red">Service 1</OPTION>
    <OPTION VALUE="blue">Service 2</OPTION>
  </SELECT>
  <P>Service Package Selected:</P> 
  <!-- 文本框保持可编辑，用户可按需修改 -->
  <INPUT TYPE="text" ID="textbox" NAME="selected" VALUE="">
</FORM>
</BODY>

关键改动说明： #

• 替换原来的单选按钮组为<select>下拉框，新增默认空选项引导用户选择
• 简化JavaScript逻辑：直接获取下拉框选中值，通过条件判断匹配对应文本内容，代码更直观
• 文本框保留可编辑属性，用户选择后可手动修改内容，完全满足需求

内容的提问来源于stack exchange，提问作者john.lavin