jquery 实现联动操作数据(select 选项)

最新推荐文章于 2020-09-10 10:45:40 发布

蓝影138

最新推荐文章于 2020-09-10 10:45:40 发布

阅读量168

点赞数

文章标签： jQuery HTC JSP CSS ViewUI

[code="java"][/code][list]
[*]
[/list]<%@ page language="java" pageEncoding="GBK"
contentType="text/html;charset=GBK"%>
<%@page import="com.jcompass.iams.finance.common.AccountCommon"%>
<%@ include file="../../common/taglibs.jsp"%>
<%@ include file="../../common/meta.jsp"%>

<html>
<head>
<base target=_self>
<link href="<c:url value="/styles/csas.css"></c:url>" type="text/css"
rel="stylesheet" />
<link href="<c:url value='/scripts/runtime/styles/xp/grid.css'/>"
rel="stylesheet" type="text/css" />
<STYLE>
.tbBtn {
behavior: url(< c : url value = '/styles/htc/tdSpeedBtn.htc'/ >);
color: black;
text-align: center;
height: 19;
cursor: hand;
PADDING-RIGHT: 4px;
PADDING-LEFT: 4px;
}
</STYLE>
<script src="<c:url value='/scripts/runtime/lib/grid.js'/>"></script>
<SCRIPT LANGUAGE="javascript"
src="<c:url value='/scripts/dateUtil.js'/>"></SCRIPT>
<script type="text/javascript"
src="<c:url value='/scripts/dateformcheck.js'/>"></script>

<script src="<c:url value='/scripts/jquery-1.2.6.download.js'/>"></script>
<title>新增“联动入账”信息</title>
<script language="javascript">
function checkAcNo(){
var acNo=document.getElementById("acNo").value;

var acCardName=document.getElementById("acCardName");
var acOppNo=document.getElementById("acOppNo");
if(acNo=='1' || acNo=='2'){

acCardName.disabled="true";
acCardName.value="";
acCardName.style.backgroundColor="#999999";
acOppNo.focus();
// $.get("<c:url value="/finance/AcdAction.html?method=ajaxSelectAcCard"></c:url>",null,handleRequest);

}
if(acNo=='3' || acNo=='4'){

acCardName.disabled="";
acCardName.style.backgroundColor="";
acCardName.focus();
}
}
//function handleRequest(data){
//alert("aa");
// }
function checkOnSubmit(){
var tradeNo=document.getElementById("tradeNo").value;
//var acNo=document.getElementById("acNo").value;
var acOppNo=document.getElementById("acOppNo").value;
var acModiDate=document.getElementById("acModiDate").value;
//var tradeAbs=document.getElementById("tradeAbs").value;
var amt=document.getElementById("amt").value;
// var amtInd=document.getElementById("amtInd").value;
// var acDltFlg=document.getElementById("acDltFlg").value;
//var tradeCmt=document.getElementById("tradeCmt").value;
if(tradeNo==''||acOppNo==''||acModiDate==''||amt==''){
alert('你的输入还有空值！请输入完整');
} else if(confirm("您如果选择‘确定’，则表示你同意提交了，否则请选择‘取消’，重填数据")){
document.form1.submit();
}
}

function regInput(obj, reg, inputStr)
{
var docSel = document.selection.createRange();

if (docSel.parentElement().tagName != "INPUT")
return false;

oSel = docSel.duplicate();
oSel.text = "";
var srcRange = obj.createTextRange();
oSel.setEndPoint("StartToStart", srcRange);
var str = oSel.text + inputStr + srcRange.text.substr(oSel.text.length);

return reg.test(str);
}
</script>
</head>
<body>
<jsp:include flush="true" page="/common/calendarScript.jsp"></jsp:include>
<table height="100%" width="100%" border="0">
<tr height="50%">
<td width="20%" height="29%"></td>
<td height="29%"></td>
<td width="32%" height="29%"></td>
</tr>
<tr>
<td></td>
<td>

<form method="post" name="form1"
action="<c:url value="/finance/AcdAction.html?method=insertSellteSec"></c:url>">

<div class=box>
<H2>
<img src="<c:url value='/images/individual.gif'/>">

<c:if test="${ac == '3'}">
新增“应收户转账用款”信息
</c:if>
<c:if test="${ac == '4'}">
新增“应付户转账用款”信息
</c:if>

</H2>

<table cellpadding="2" cellspacing="2" height="183" width="518"
ALIGN=center id="userTable">

<tr>
<td class="itemRequired" align=right nowrap WIDTH="162">

<c:if test="${ac == '3'}">
应收户账号：
</c:if>
<c:if test="${ac == '4'}">
应付户账号：
</c:if>
</td>
<td height="26" WIDTH="346">
<input name="acNo" value="" readonly="readonly" id="acNo">

</td>
</tr>
<tr id="card">
<td class="itemRequired" align=right nowrap WIDTH="162" >
卡片号:
</td>
<td height="26" WIDTH="346">
<select name="acCardSeqNo" id="acCardSeqNo" οnchange="getBar()">
<option value="-1">---请选择---</option>
<c:forEach var="cardId" items="${cardList}">
<option value="<c:out value='${cardId.acCardSeqNo }'></c:out>"><c:out value="${cardId.acNo }"></c:out>|<c:out value="${cardId.acCardSeqNo }"></c:out>|<c:out value="${cardId.acName }"></c:out>|<c:out value="${cardId.acCrtDate }"></c:out>|<c:out value="${cardId.acCurBal }"></c:out></option>
</c:forEach>
</select>
<script type="text/javascript">
function getBar(){
var sd=document.all.acCardSeqNo.selectedIndex;
var t= document.all.acCardSeqNo.options[sd].text;
var val=document.all.acCardSeqNo.value;
//alert(t);
var str=t.split("|");
var bal=str[4];
//alert(bal);
document.all.amt.value=bal;
if(val=="-1"){
document.all.amt.value="";
}
}
</script>
</td>
</tr>
<tr>
<td class="itemRequired" align=right nowrap WIDTH="162">
对方帐户：
</td>
<td height="26" WIDTH="346">

<select name="acOppNo" id="acOppNo" οnchange="changeInput()">
<option value="">---请选择---</option>

</select> <font color="red">*</font>
</td>
</tr>
<tr>
<td class="itemRequired" align=right nowrap WIDTH="162">
业务功能：
</td>
<td height="26" WIDTH="346">

<select size="1" name="tradeNo" id="tradeNo"
οnchange="">
<option value="">---请选择---</option>

</select> <font color="red">*</font>

</td>
</tr>

<tr>
<td class="itemRequired" align=right nowrap WIDTH="162">
发生会计日期:
</td>
<td height="26" WIDTH="346">
<input type="text" name="acModiDate" id="acModiDate" readonly="readonly"> <font color="red">*</font>
<img src="<c:url value='/images/timer.gif'/>" οnclick="showCalendar(document.getElementById('acModiDate'), 'yyyy/mm/dd');" align="absmiddle" hspace="1" alt="您可以点击这里，使用“日期提示框”待跳转日期!">
</td>

</tr>

<tr>
<td class="itemRequired" align=right nowrap WIDTH="162">
交易摘要：
</td>
<td height="26" WIDTH="346">
<textarea cols="20" rows="2" id="tradeAbs" name="tradeAbs"></textarea>
</td>
</tr>

<tr>
<td class="itemRequired" align=right nowrap WIDTH="162">
发生额：
</td>
<td height="26" WIDTH="346">
<input type="text" name="amt" id="amt" οnkeypress="return regInput(this, /^\d{0,10}[0-9]+\.?\d{0,3}$/,String.fromCharCode(event.keyCode));"
οnpaste="return regInput(this, /^\d{0,10}[0-9]+\.?\d{0,3}$/, window.clipboardData.getData('Text'));"
οndrοp="return regInput(this, /^\d{0,10}[0-9]+\.?\d{0,3}$/, event.dataTransfer.getData('Text'));"
style="IME-MODE: disabled" value=""> <font color="red">*</font>
（元）
</td>
</tr>
<tr>
<td class="itemRequired" align=right nowrap WIDTH="162">
凭证种类：
</td>
<td height="26" WIDTH="346">

<select name="vchType">
<option value="0">普通凭证</option>
<option value="1">现金支票</option>
<option value="2">转账支票</option>
</select> <font color="red">*</font>

</td>
</tr>
<tr>
<td class="itemRequired" align=right nowrap WIDTH="162">
凭证批次号：
</td>
<td height="26" WIDTH="346">
<input type="text" name="vchBatNo" value=""> <font color="red">*</font>

</td>
</tr>

<tr>
<td class="itemRequired" align=right nowrap WIDTH="162">
发生额标志：
</td>
<td height="26" WIDTH="346">
<input type="radio" name="amtInd" id="amtInd" value="0" checked="checked">
（正常）
<input type="radio" name="amtInd" id="amtInd" value="1">
（<font color=red>红字</font>）
<input type="radio" name="amtInd" id="amtInd" value="2">
（<font color=blue>蓝字</font>）
</td>
</tr>

<tr>
<td class="itemRequired" align=right nowrap WIDTH="162">
交易备注信息：
</td>
<td height="26" WIDTH="346">
<textarea cols="20" rows="3" name="tradeCmt" id="tradeCmt"></textarea>
</td>
</tr>
<tr>
<td ALIGN=center HEIGHT="31" COLSPAN="3">
<button type="button" οnclick="checkOnSubmit()">
<img src="<c:url value='/images/i.p.ok.gif'/>"
align="absmiddle" hspace="1">
提交
</button>

<button οnclick="history.back();">
<img src="<c:url value='/images/i.p.return.gif'/>"
align="absmiddle" hspace="1">
返回
</button>
</td>

</table>
</div>
</form>
</td>
<td></td>
</tr>

</table>
<script language="javascript">

var ac="<c:out value="${ac}"/>";
if(ac=='3'){
//document.all.tradeNo.options.add(new Option("公司还款给客户","1102"));
document.all.acOppNo.options.add(new Option("结算户","1"));
document.all.acOppNo.options.add(new Option("现金户","2"));
document.all.acNo.value="<%=AccountCommon.ACCOUNT_ACNO3%>";

}else if(ac=='4'){
//document.all.tradeNo.options.add(new Option("公司借款","1101"));
document.all.acOppNo.options.add(new Option("结算户","1"));
document.all.acOppNo.options.add(new Option("现金户","2"));
document.all.acNo.value="<%=AccountCommon.ACCOUNT_ACNO4%>";

document.all.card.cells[0].innerText="卡片名称:";
document.all.card.cells[1].innerHTML="<input type='text' name='acCardName'>";

}

function changeInput(){
//在表格末尾插入一行
var ac="<c:out value="${ac}"/>";

var acOpp=document.all.acOppNo.value;
if(ac=="3"){
if(acOpp=="1"){
document.all.tradeNo.remove(0);
document.all.tradeNo.options.add(new Option("公司还款给客户","1102"));
}else{
document.all.tradeNo.remove(0);

document.all.tradeNo.options.add(new Option("公司还款给客户","1102"));
}
}else if(ac=="4"){
if(acOpp=="1"){
document.all.tradeNo.remove(0);
document.all.tradeNo.options.add(new Option("公司借款","1101"));
}else{
document.all.tradeNo.remove(0);

document.all.tradeNo.options.add(new Option("公司借款","1101"));
}
}

}

</script>
</body>
</html>

蓝影138

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery 实现联动操作数据(select 选项)

[code="java"][/code][list][*][/list] .tbBtn { behavior: url(< c : url value = '/styles/htc/tdSpeedBtn.htc'/ >); color: black; text-align: center; height: 19;...
复制链接

扫一扫