//倒序算法
function reverseOption(sel){
for (var i=0; i< Math.floor(sel.options.length/2);i++) {
var temp=new Option('','')
temp.text = sel.options[i].text;
temp.value = sel.options[i].value;
sel.options[i].text = sel.options[sel.options.length-1-i].text;
sel.options[i].value = sel.options[sel.options.length-1-i].value;
sel.options[sel.options.length-1-i].text = temp.text;
sel.options[sel.options.length-1-i].value = temp.value;
}
}
<HTML>
<HEAD>
<META charset="gb2312" content="text/html" http-equiv="Content-Type">
<TITLE>流程维护</TITLE>
<STYLE type="text/css"><!--
.style1 {color: #0000FF}
.style9 { color: #FF0000;
font-weight: bold;
}
.style10 {color: #000000; }
-->
</STYLE>
<LINK href="../../style/style.css" rel="stylesheet" type="text/css">
<SCRIPT src="../../js/xmlhttp.js" type="text/javascript"></SCRIPT>
<SCRIPT language="javascript" type="text/javascript"> function doSubmit(){
//document.frmMain.action="khgl.AddKhInfo.xv?oper=save";
submitForm();
}
</SCRIPT>
</HEAD>
<BODY>
<TABLE border="0" cellpadding="0" cellspacing="0" width="100%">
<TR>
<TD class="place" height="30">
<IMG align="absmiddle" height="13" src="../../images/place-l.gif"
width="14">
</TD>
<TR>
<TD height="30">
</TD>
</TR>
</TR>
<FORM action="" method="post" name="frmMain">
<TABLE border="0" bordercolordark="#ffffff"
bordercolorlight="#333333" cellpadding="0" cellspacing="0"
class="biao-bg1" id="barid" width="60%">
<TR>
<TD class="biao-bg">
<DIV align="right">
流程名称:
</DIV>
</TD>
<TD>
<SELECT class="table2_td" disabled id="LBBH" name="LBBH" size="1"
style="width:150 ;">
<OPTION value="">
--请选择流程名称--
</OPTION>
<OPTION value="1">
通知
</OPTION>
<OPTION selected value="2">
催报催缴
</OPTION>
<OPTION value="42">
234234234
</OPTION>
<OPTION value="24">
rrrr
</OPTION>
<OPTION value="25">
tttt
</OPTION>
<OPTION value="26">
ggggg
</OPTION>
<OPTION value="43">
444444
</OPTION>
<OPTION value="47">
uuuuuuu
</OPTION>
<OPTION value="45">
7777
</OPTION>
</SELECT>
</TD>
</TR>
<TR height="30">
<TD class="biao-bg">
<DIV align="right">
所属机构:
</DIV>
</TD>
<TD>
<SELECT class="table2_td" disabled id="JGBH" name="JGBH" size="1"
style="width:150 ;">
<OPTION value="">
--请选择机构名称--
</OPTION>
<OPTION value="000000000">
全局管理
</OPTION>
<OPTION value="001">
办公室
</OPTION>
<OPTION selected value="002">
流转税科
</OPTION>
</SELECT>
</TD>
</TR>
</TABLE>
<TABLE align="center" border="0" cellpadding="0" cellspacing="0"
class="table1_border" width="60%">
<TR>
<TD class="table1_head_title">
<P>
</TD>
</TR>
<TR>
<TD class="table1_head_line"></TD>
</TR>
<TR>
<TD align="center" valign="middle">
<TABLE bgcolor="#FFFFFF" border="0" cellpadding="0"
cellspacing="1" class="table2_border" id="tb1" width="60%">
<TR>
<TD align="center" bgcolor="#FFFFFF" valign="middle"
width="40%">
<SELECT class="table2_td" id="TreeL" name="TreeL" size="15"
style="width:200;"></SELECT>
</TD>
<TD align="center" class="table2_td_title1" valign="middle"
width="15%">
<INPUT class="btn" name="AddRightBtn"
onclick="moveSelectItem(document.frmMain.TreeL,document.frmMain.TreeR);"
type="button" value="选择>>">
<P>
<INPUT class="btn" name="RemoveRightBtn"
onclick="moveAllItem(document.frmMain.TreeL,document.frmMain.TreeR);"
type="button" value="全选>>">
<P>
</TD>
<TD align="center" bgcolor="#FFFFFF" colspan="2"
valign="middle">
<SELECT class="table2_td" id="TreeR" name="TreeR" size="15"
style="width:200">
<OPTION value="61">
环节1
</OPTION>
<OPTION value="62">
环节2
</OPTION>
<OPTION value="84">
hj4
</OPTION>
<OPTION value="83">
hj3
</OPTION>
</SELECT>
</TD>
<TD align="center" bgcolor="#FFFFFF" colspan="2"
valign="middle">
<INPUT class="btn" onclick="Up();" type="button" value="向上">
<P>
<INPUT class="btn" onclick="Down();" type="button" value="向下">
<P>
<INPUT class="btn" name="RemoveRightBtn"
onclick="moveSelectItem(document.frmMain.TreeR,document.frmMain.TreeL);"
type="button" value="删除">
<P>
<INPUT class="btn" name="RemoveRightBtn"
onclick="moveAllItem(document.frmMain.TreeR,document.frmMain.TreeL);"
type="button" value="全删">
<P>
<TR>
<TD align="center" bgcolor="#FFFFFF" class="table2_btn"
colspan="6" valign="middle">
<INPUT class="btn" name="Submit" onclick="updateFlow();"
type="button" value="修 改">
<INPUT class="btn" name="返 回"
onclick="JAVASCRIPT:history.back();" type="button"
value="返 回">
</TD>
</TR>
</TD>
</TR>
</TABLE>
</TD>
<INPUT id="oper" name="oper" type="hidden">
<INPUT id="NODES" name="NODES" type="hidden" value="">
<INPUT id="FLOWID" name="FLOWID" type="hidden" value="122">
<SCRIPT type="text/javascript">
//==========添加option===============//
/*
var select=document.getElementById("TreeL");
var surl="system.xmlhttp.XMLHTTP.ak?flag=fillNodeList";
var datas=getServerData(surl,'');//发送请求
var rows=datas.split("#");
for(var i=1;i<rows.length;i++) {//遍历属性
var columns=rows[i].split(",");
select.options.add(new Option(columns[1],columns[0]));
}
*/
//===============================//
//向上移动
function Up(){
var sel=document.getElementById("TreeR"); //获取select
var nIndex = sel.selectedIndex; //需要进行操作的select 项的索引
var nLen = sel.length; //select 总共项目数
if ((nLen<1)||(nIndex==0)) return;
if (nIndex<0) {
alert("请选择一个要移动的已选按钮!");
return;
}
var sValue=sel.options[nIndex].value;
var sHTML=sel.options[nIndex].innerHTML;
sel.options[nIndex].value=sel.options[nIndex-1].value;
sel.options[nIndex].innerHTML=sel.options[nIndex-1].innerHTML;
sel.options[nIndex-1].value=sValue;
sel.options[nIndex-1].innerHTML=sHTML;
sel.selectedIndex=nIndex-1;
}
// 排序:向下移动
function Down() {
var sel=document.getElementById("TreeR");
var nIndex = sel.selectedIndex;
var nLen = sel.length;
if ((nLen<1)||(nIndex==nLen-1)) return;
if (nIndex<0) {
alert("请选择一个要移动的已选按钮!");
return;
}
var sValue=sel.options[nIndex].value;
var sHTML=sel.options[nIndex].innerHTML;
sel.options[nIndex].value=sel.options[nIndex+1].value;
sel.options[nIndex].innerHTML=sel.options[nIndex+1].innerHTML;
sel.options[nIndex+1].value=sValue;
sel.options[nIndex+1].innerHTML=sHTML;
sel.selectedIndex=nIndex+1;
}
/**
* 更新流程
*/
var NODES="";
function updateFlow(){
var LBBH=document.getElementById("LBBH").value;//
if(LBBH==""){
alert("请选择流程名称!");
return ;
}
var JGBH=document.getElementById("JGBH").value;//JGBH
if(JGBH==""){
alert("请选择机构!");
return ;
}
//================================================//
var surl="system.xmlhttp.XMLHTTP.ak?flag=checkFlow&JGBH="+JGBH+"&LBBH="+LBBH;
var datas=getServerData(surl,'');//发送请求
if(datas=="true"){
// alert("当前流程名称和所属机构对应的流程已经创建!");
//return ;
}
//================================================//
var locs=document.getElementById("TreeR");
for(var x=locs.length-1;x>=0;x--){
var value=locs.options[x].value;
NODES+="#";
NODES+=x;//序号
NODES+=",";
NODES+=value;//节点ID
}
document.getElementById("NODES").value=NODES;
if(NODES==""){
alert("请选择节点名称!");
return ;
}
document.getElementById("oper").value="update2";
document.frmMain.action="flowdefine.FlowUpdate.xv";
document.frmMain.submit();
}
/**
**添加或者取消option
*/
function moveSelectItem(locs,mylocs){
for(var x=0;x<locs.length;x++){
var opt ;
if (locs.options[x].selected){
opt=new Option();
opt.value=locs.options[x].value;
opt.text=locs.options[x].text;
mylocs.add(opt);
locs.options[x]=null;
}
}
}
/**
**全部添加或者取消option
*/
function moveAllItem(locs,mylocs){
for(var x=locs.length-1;x>=0;x--){
locs.options[x].selected=true;
var opt ;
if (locs.options[x].selected){
opt=new Option();
opt.value=locs.options[x].value;
opt.text=locs.options[x].text;
mylocs.add(opt);
locs.options[x]=null;
}
}
}
function document.frmMain.TreeL.ondblclick(){
moveSelectItem(document.frmMain.TreeL,document.frmMain.TreeR);
}
function document.frmMain.TreeR.ondblclick(){
moveSelectItem(document.frmMain.TreeR,document.frmMain.TreeL);
}
/**
**根据机构填充用户列表
*/
function filluser(obj){
var select=document.getElementById("TreeL");
select.length=0;
var surl="system.xmlhttp.XMLHTTP.ak?flag=fillUSerList&JGBH="+obj.value;
var datas=getServerData(surl,'');//发送请求
var rows=datas.split("#");
for(var i=1;i<rows.length;i++) {//遍历属性
var columns=rows[i].split(",");
select.options.add(new Option(columns[1],columns[0]));
}
}
function add(){
document.frmMain.action="flowdefine.CircleRepair.ak";
document.getElementById("ACCESS_TYPE").value="add";
document.frmMain.submit();
//window.location.href="CircleRepairAdd.html";
}
</SCRIPT>
</TR>
</TABLE>
</FORM>
</TABLE>
</BODY>
</HTML>
分享到:
相关推荐
jquery获得select option值
复制代码代码如下: document.getElementById(“selectid”).options.length = 0; 方法二 复制代码代码如下: document.formName.selectName.options.length = 0; 方法三 复制代码代码如下: document....
select将选中的option设置为默认选项,可多个select可一个select.项目中遇到这个问题后自己写的(原先有默认值的话会将选中的设为默认选项)
去除select当中重复的option并选中当前的option
调的是新闻列表 然后select内的列表为标题列表 然后你要选中标题显示内容 那么内容区域先定义出来 ...还有就是JS一定要在页面内你select和div内容区域代码的后面 不然加载到以后执行的时候很有可能就提示找不到对象
Select上移下移 jQuerySelect jQuerySelect移动 Select上下移动
js函数方法: 代码如下: [removed]... try { opts = document.getElementById(selectId).getElementsByTagName(‘option’); for (var i in opts) { if (opts[i].defaultSelected) { dom = opts[i]; break; } } } catch
js 操作select和optionjs 操作select和option
select option 自定义图片的js 、css 以及代码展示,javaScript ;
本人写的一个html页面,用js实现从数组读数据自动生成select控件
用alert()方法显示选中的值 var prov=$("#selProvince option:selected"); var city=$("#selCity option:selected"); var dist=$("#selDistrict option:selected"); alert("省:"+prov.text()+"市:"+...
javascript 获取select ->option中id、value、label属性及<option></option>中内容
WDA中select option的用法
本文实例讲述了js实现Select列表各项上移和下移的方法。分享给大家供大家参考。具体如下: 这里介绍Select列表各项上移和下移的Js代码,可以手功排序,以前我们都见到过的,从事WEB编程的朋友经常会用得到。 运行...
jquery 实现的 select 上移、下移、左移、右移功能 下载下来直接预览效果
1.动态创建select 代码如下: function createSelect(){ var mySelect = document.createElement(“select”); mySelect.id = “mySelect”; document.body.appendChild(mySelect); } 2.添加选项option 代码如下: ...
主要介绍了JS实现select选中option触发事件操作,结合实例形式总结分析了javascript针对select下拉选中option项触发事件相关操作技巧,需要的朋友可以参考下
4、Webdynpro入门之Select-Option,详细讲解Select-Option在Webdynpro中的应用。
option的value比较来确定select默认选中项