select 标签内的选项如何激活submit提交

2013-11-14

select 标签内的选项怎么激活submit提交？本帖最后由 u011354332 于 2013-10-28 01:20:58 编辑script type

select 标签内的选项怎么激活submit提交？
本帖最后由 u011354332 于 2013-10-28 01:20:58 编辑


<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();  
}
}

热点排行

Bad Request.

JavaScript

select 标签内的选项如何激活submit提交