Jquery代码，单击单选按钮选择一个选项

Question

Hello Im新的Html/Java（脚本/查询）/ css，大约半年。
我有几个问题。
现在我试图做一个功能/代码，这样做：我有2个单选按钮。
点击第1个单选按钮选择第1个选项，并删除其他选项。
，同时点击第二个单选按钮可打开其他选项，并删除第一个将自己专用于第一个单选按钮的选项。

<form enctype="multipart/form-data"> 
    <fieldset> 
     <legend>מפרט טכני של הסמארטפון:</legend> 
     <label for="memory">זיכרון פנימי:</label> 
     <input id="less1" type="radio" value="less" name="memory" onclick="(myFun())" /> פחות מ 1GB 
     <input id="more1" type="radio" value="more" name="memory" onclick="(myFun1())" />מעל 1GB 
     <br /> 
     <label for="extra">אפשרות להרחבת זיכרון:</label> 
     <br /> 
     <select size="5" id="sel"> 
      <option name="extra" value="no1" id="no">לא</option> 
      <option name="extra" value="yes8">כן,8GB</option> 
      <option name="extra" value="yes16">כן,16GB</option> 
      <option name="extra" value="yes32">כן,32GB</option> 
      <option name="extra" value="yes64">כן,64GB</option> 
     </select> 
     </fieldset> 
</form> 

 function myFun() { 
     $("#sel").prop('size', "1") 
     select('option', $("no")).select('option:not(:selected)').remove()   
    } 
    function myFun1() { 
     $("#sel").prop('size',"4") 
    } 

我这里有checke另一个话题，它helpd我有点（jQuery on change only shows the selected option, remove/disable rest of them）

Answer 1

这就是代码，你想要做什么。我删除了select()事件，因为当使用鼠标选择文本时会触发该事件。

最好隐藏/显示元素，而不是删除它们。

function myFun() { 

    // 1. Find the first option and set as selected 
    $("#sel").find('option').first().prop("selected",true) 
    // 2. Find its not selected siblings and hide it 
    .siblings('option:not(:selected)').hide(); 

    // 3. The first radio button is selected, so show the first option 
    $("#no").show(); 

} 

function myFun1() { 

    // 1. Find the last option, set as selected and show it 
    $("#sel").find('option').last().prop("selected",true).show() 
    // 2. Find its siblings and show them 
    .siblings('option:not(:selected)').show(); 

    // 3. Hide the first option 
    $("#no").hide(); 

}