javascript - 如何根据在javascript中选择单选按钮的下拉列表在文本框中显示相应的值？

Question

我正在创建一个表单，要求使用单选按钮选择学位。根据所选的单选按钮，下拉列表中的值会发生变化。现在我想根据从下拉列表中选择的选项在文本框中显示一些值。

在这里，我可以在选择单选按钮时更改下拉列表中的值，但无法在从下拉菜单中选择值时显示在文本框中。这是我的 java 脚本代码:

Please select your Degree UG PG

    <fieldset id="branch">
    <legend>Please select your degree</legend>
    <select name="branch" id="degreepg" size="1">
        <option value="00">Select Degree First</option>

    </select>
    </fieldset>      

    <fieldset id="semester">
    <legend>Semester</legend>
    <input type="text" name="semester" id="textbox" size="1"/>
    </fieldset>
    </div>

java脚本函数:

function SetbranchBydegree(degree) { var dropdown = document.getElementById("degreepg");

switch (degree.value) {
    case 'UG': {
        dropdown.options.length = 0;
        dropdown.options[dropdown.options.length] = new Option('Select One','0');
        dropdown.options[dropdown.options.length] = new Option('B.Tech','1');
        dropdown.options[dropdown.options.length] = new Option('B.E','2');
        break;
    }

    case 'PG': {
        dropdown.options.length = 0;
        dropdown.options[dropdown.options.length] = new Option('Select One','0');
        dropdown.options[dropdown.options.length] = new Option('M.Tech','3');
        dropdown.options[dropdown.options.length] = new Option('M.C.A','4');
        break;
    }


    default:{

        dropdown.options.length = 0;
        dropdown.options[dropdown.options.length] = new Option('Select Degree First','00');

        break;
    }
}

if(dropdown.selectedIndex==1)

{
  textbox.value = "8";
}  

 else if(dropdown.selectedIndex==2) 

  {

  textbox.value = "8";     
  }  

 else if(dropdown.selectedIndex==3) 

   {

  textbox.value = "4";        
   }  

else if(dropdown.selectedIndex==4)  

  {

  textbox.value = "6";      
  }  

Answer 1

document.getElementById ("textboxId").value = "value";

WORKING DEMO