js 给select 绑定改变后的事件onchange
当id 为action的select 标签发生改变时，执行handleChange() 方法
select id="action" onchange="handleChange()"
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div>
<form action="/upload" method="post" enctype="multipart/form-data">
<input type="hidden" style="display: none" placeholder="id" name="announcement_id" value="{{ announcement.id }}" >
<br>
<input type="text" size="60" value="{{ announcement.name }}" disabled>
<br>
<textarea style="width: 431px; height: 343px" disabled> {{ announcement.content }}</textarea>
<br>
<span>变更结束时间：</span><input id="end_time" disabled type="datetime-local" name="end_time" value="now" >
<br>
<select id="action" onchange="handleChange()" name="select" style="width: 392px;">
<option value="over">变更结束</option>
<option value="delay">推迟结束时间</option>
</select>
<button type="submit" value="提交">提交</button>
</form>
</div>
<script>
// 选择select 后触发动作
function handleChange() {
var obj = document.getElementById('action'); // 定位id
var index = obj.selectedIndex; // 选中索引
var value = obj.options[index].value; // 选中值
if (value == "delay" )(
document.getElementById("end_time").value= {{ announcement.end_time }}
)else if (value == "over" )(
document.getElementById("end_time").value=now
)
{#alert(value);#}
}
</script>
</body>
</html>
posted on 2023-03-29 21:00 zhangmingda 阅读(773) 评论(0) 编辑 收藏 举报
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 阿里最新开源QwQ-32B，效果媲美deepseek-r1满血版，部署成本又又又降低了！
· 开源Multi-agent AI智能体框架aevatar.ai，欢迎大家贡献代码
· Manus重磅发布：全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！
· AI技术革命，工作效率10个最佳AI工具
2020-03-29 HTML界面监控键盘回车Enter按下并绑定动作
2020-03-29 div中出现滚动条，自动保持在最底端---显示聊天窗口最新的信息
2019-03-29 linux主机hang住echo 0 > /proc/sys/kernel/hung_task_timeout_secs disables this message