<script type="text/javascript" language="javascript">
function test(){
alert("开始任务");
document.getElementById("myform").submit();
}
</script>
<#list returnMap.dataList as track>
<form id="myform" action="../editData/workTrackStart.do" method="post">
<input type="hidden" name="id" value="${track.id}">
<tr>
<td>${track_index+1+returnMap.pageOff.pageSize*(returnMap.pageOff.pageNo-1)}</td>
<td>${track.content}</td>
<td>${track.consumeTime}</td>
<td>${track.summary}</td>
<td>
<select>
<option>操作</option>
<option>编辑</option>
<option onClick="test()">开始</option>
<option>结束</option>
<option>删除</option>
</select>
</td>
</tr>
</form>
</#list>
这里做的是点编辑的时候会转向一个编辑页面,
点开始的时候直接提交该form,所以动作是绑定在option上的,本来写了个onclick,可以了,后来又知不知道怎么搞的完全没反应了,换成onchange也不行,求指教。。。
------解决方案--------------------
LZ可以通过SELECT change事件来实现
function optionChanged() {
var selectObj = document.getElementById("select");
var selectIdx = selectObj.selectedIndex;
var optionValue = selectObj.options[selectIdx].value;
if (optionValue == "提交") {
document.getElementById("myform").submit();
}
}
------解决方案--------------------
给select绑定onchange事件,然后在绑定的onchange事件,判断是不是选择的是开始,若是,在执行你你需要的函数
------解决方案--------------------
是给Select控件 一个click或change事件。不是给Option
------解决方案--------------------
<select onchange="javascript代码">
<option>操作</option>
<option>编辑</option>
<option onClick="test()">开始</option>
<option>结束</option>
<option>删除</option>
</select>
------解决方案--------------------
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$("select").change(function(){
var a=$(this).find("option:selected").text();
if(a=="开始"){
test();
}
});
})
function test(){
alert("开始任务");
document.getElementById("myform").submit();
}
</script>
<form id="myform" action="../editData/workTrackStart.do" method="post">
<input type="hidden" name="id" value="${track.id}">
<tr>
<td>${track_index+1+returnMap.pageOff.pageSize*(returnMap.pageOff.pageNo-1)}</td>
<td>${track.content}</td>
<td>${track.consumeTime}</td>
<td>${track.summary}</td>
<td>
<select>
<option>操作</option>
<option>编辑</option>
<option>开始</option>
<option>结束</option>
<option>删除</option>
</select>
</td>
</tr>
</form>
------解决方案--------------------
<select onchange="selOnchange(this[selectedIndex].value)">
<select>
<option value="0">操作</option>
<option value="1">编辑</option>
<option value="2">开始</option>
<option value="3">结束</option>
<option value="4">删除</option>
</select>
</select>
function selOnchange(value){
if(value == 2){
document.getElementById("myform").submit();
}
}