微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

用单选按钮重置下拉列表的值

如何解决用单选按钮重置下拉列表的值

| 我需要使用单选按钮重置下拉列表的值。因此,当选择某个单选按钮时,它将把特定的下拉列表重置为认的selected = \“ selected \”选项。 怎么用js和css完成?     

解决方法

        假设这是您第一个元素的代码
<select id=foo>
  <option value=\"\"></option>
  <option value=\"1\">1</option>
  <option value=\"2\">2</option>
  <option value=\"3\">3</option>
</select>
您的单选按钮应该是这样的:
<input onclick=\"document.getElementById(\'foo\').value = \'\';\" type=\"radio\" name=\"bar\" value=\"bar\">
需要将onclick事件下的值替换为下拉菜单的默认值。     ,        这会将您的下拉菜单重置为第一个选项。 这是标记
<select id=foo>
  <option value=\"\"></option>
  <option value=\"1\">1</option>
  <option value=\"2\">2</option>
  <option value=\"3\">3</option>
</select>
<input onclick=\"resetFoo();\" type=\"radio\" name=\"bar\" value=\"bar\">
这是jQuery。
function doSomething {
    $(\"#foo option:first\").attr(\"selected\",true);
}
    ,        
document.getElementById(\'select\').selectedIndex = 0;

<input type=\"radio\" onchange=\"doSomething()\" />
    

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。