Javascript 下拉值应根据单选按钮进行更改

我需要下拉选择值将根据两个单选按钮动态更改。例如，在我的html代码中，如果从country中选择country 1并从city中选择city1，则下拉值将设置为1 如果从country中选择country 1，从city中选择city2，则下拉值将设置为2。 我需要JavaScript或php代码

谢谢你的帮助

<div class='aQuestion' id='div1'>
    <STRONG>1. </STRONG>
    <STRONG>Country</STRONG></br>
    <INPUT TYPE='radio' NAME='grp1' VALUE='Country 0'>Country1</br>



</div>

<div class='aQuestion' id='div2'>
    <STRONG>2. </STRONG>
    <STRONG>City</STRONG></br>
    <INPUT TYPE='radio' NAME='grp2' VALUE='City 0'>City 1</br>
    <INPUT TYPE='radio' NAME='grp2' VALUE='City1'>City 2</br>


</div><br/>

<div> set 1 
<select name="school">

<option value="school1">school 1</option>;
<option value="school2">school 2</option>;
<option value="school3">school 3</option>;


</select><br/>
</div><br/>


<div>
 set 2
<select name="school">

<option value="school4">school 4</option>;
<option value="school5">school 5</option>;
<option value="school6">school 6</option>;

</select>
</div>

替换

<INPUT TYPE='radio' NAME='grp2' VALUE='City 0'>City 1</br>
<INPUT TYPE='radio' NAME='grp2' VALUE='City1'>City 2</br>

工作模式，请参考此

---

希望这对您有所帮助

如果您选择country2和city1，那么？一些JS代码？您尝试了什么吗？如果选择country2和city1，则将显示set 2下拉列表，set 1将不显示@我可以用芝士汉堡来显示所有场景集合1应显示的内容以及集合2应显示的内容？如果选中单选按钮Country1和单选按钮City 1，则集合1应显示；如果选中单选按钮Country1和单选按钮City 2，则集合2应显示

 <INPUT TYPE='radio' NAME='grp2' VALUE='City 0' onClick="javascript:return yourfunction(1)">City 1</br>
 <INPUT TYPE='radio' NAME='grp2' VALUE='City1' onClick="javascript:return yourfunction(2)">City 2</br>

function yourfunction(radioid)
{
  if(radioid == 1)
  {    
document.getElementById('one').style.display = '';
    document.getElementById('two').style.display = 'none';
  }
  else if(radioid == 2)
  {  
   document.getElementById('two').style.display = '';
   document.getElementById('one').style.display = 'none';
  }
}