Javascript 选择其他字段元素时，如何重置“选择选项”下拉列表？

html

css

JSFIDLE

在选择表单的其他部分时，无法重置下拉列表。我尝试过的都是js区域中注释掉的行

单击“明信片”将打开新的表单元素

单击“明信片大小”将打开下拉列表元素

单击“自定义大小”关闭下拉列表并打开文本字段

单击其他主要单选按钮，如“快照”、“专业”和“邮件”，将关闭“明信片”下的所有子选项，并重置“明信片大小”和“自定义大小”单选按钮

当选择“拾取大小”以外的下拉选项，然后选择“自定义大小”时，我希望下拉选项重置为拾取大小

此外，在选择快照、专业邮件器或邮件器时，我希望下拉列表重置为拾取大小

我试过的所有事情，我试着把if/else放在内部，在if/else之外，在函数之外，放在它自己的函数中

---

什么都不起作用。

好吧，最简单的方法是将一个类添加到其他主单选按钮（如snap、Speciality和mailers）中，说

someClass

，并调用它的单击事件，单击时将选择的值更改为空，即拾取大小

试试这个

.hide {display: none}

---

问题出在选择器上

替换

$('.someClass').click(function(){
  if(this.checked){
     $('select[name="postcardsize"]').val("");
  }
})

与

---

它应该会起作用

您能否澄清您试图实现的目标，即在这种情况下“重置”是什么意思？假设您进入下拉列表并选择“2”。然后单击自定义收音机，下拉框将隐藏，但值仍然为“2”。我希望选择的内容都是“重置”，现在新的选择是“选择大小”。@leoarce你的意思是这样的是的，这很有效，谢谢$（“#明信片大小选项”）.find（'select'）.val（'0'）；

.hide {display: none}

$('.someClass').click(function(){
  if(this.checked){
     $('select[name="postcardsize"]').val("");
  }
})

 $('#postcardsize').find('option:first').attr('selected',true);

 $('select[name=postcardsize]').find('option:first').attr('selected',true);