JS控制select下拉列表的问题

其木格好乖巧 2015-06-24 01:13:57
如题 想实现 点击按钮 让下拉菜单恢复到初始状态
<select id=“targetType”>
<option name=targetType value="5">无操作</option>
<option name=targetType value="1">我是1</option>
<option name=targetType value="2">我是2</option>
<option name=targetType value="3">我是3</option>
<option name=targetType value="4">我是4</option>
<input type="button" value="初始化" id="reset-button">
请给按钮个方法 当点击按钮时 菜单回到5的状态 谢谢
...全文
72 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
nuoyantaizi 2015-06-24
  • 打赏
  • 举报
回复

<select id=“targetType”>
<option name=targetType class="default" value="5">无操作</option>
<option name=targetType value="1">我是1</option>
<option name=targetType value="2">我是2</option>
<option name=targetType value="3">我是3</option>
<option name=targetType value="4">我是4</option>
<input type="button"   value="初始化"  id="reset-button">

$("#reset-button").click(function() {
  $("#targetType").val( $("#targetType").find(".default").attr("value") );
});
天际的海浪 2015-06-24
  • 打赏
  • 举报
回复

<select id="targetType">
<option name=targetType value="5">无操作</option>
<option name=targetType value="1">我是1</option>
<option name=targetType value="2">我是2</option>
<option name=targetType value="3">我是3</option>
<option name=targetType value="4">我是4</option>
</select>
<input type="button"   value="初始化"  id="reset-button">
<script type="text/javascript">
document.getElementById("reset-button").onclick = function ()
{
	document.getElementById("targetType").selectedIndex = 0;
}
</script>

闪闪放光芒 2015-06-24
  • 打赏
  • 举报
回复
<input type="button"   value="初始化"  id="reset-button"  onclick="document.getElementById('targetType').options[0].selected='selected'">
  • 打赏
  • 举报
回复
targetType.value='5'

87,955

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧