2개의 select 상호 추출
4985 단어 html
<html>
<body>
<script type="text/javascript" language="Javascript1.1">
<!--
function moveValueToLeft(oData,oPurpose,oFleet){
var arrSelValue = new Array();
var arrSelText = new Array();
var arrValueTextRelation = new Array();
var index = 0;
if (oFleet.value == "") {
alert("Fleet must selected.");
return;
}
for(var i=0; i<oData.options.length; i++){
if(oData.options[i].selected) {
arrSelValue[index] = oData.options[i].value;
arrSelText[index] = oData.options[i].text;
arrValueTextRelation[arrSelValue[index]] = oData.options[i];
index ++;
}
}
var order=oPurpose.options;
var flag=true;
for(var i=0; i<arrSelText.length; i++) {
var oOption = document.createElement("option");
//oOption.text = arrSelText[i].substring(0,arrSelText[i].indexOf("(")+1)+" " + oFleet.options[oFleet.selectedIndex].text+" )";
//oOption.value = arrSelValue[i]+","+oFleet.value;
oOption.text = arrSelText[i];
oOption.value = arrSelValue[i];
for(var j=0;j<order.length;j++){
if(order[j].text==oOption.text) {
flag=false;
break;
}
}
if(flag==true){
oPurpose.add(oOption);
document.getElementById('moveTid').value =
document.getElementById('moveTid').value+","+oOption.value;
}
oData.removeChild(arrValueTextRelation[arrSelValue[i]]);
}
}
function moveValueToRight(oData,oPurpose,curFleetId,curFleetName){
var arrSelValue = new Array();
var arrSelText = new Array();
var arrValueTextRelation = new Array();
var index = 0;
for(var i=0; i<oData.options.length; i++){
if(oData.options[i].selected) {
arrSelValue[index] = oData.options[i].value;
arrSelText[index] = oData.options[i].text;
arrValueTextRelation[arrSelValue[index]] = oData.options[i];
index ++;
}
}
var order=oPurpose.options;
var flag=true;
for(var i=0; i<arrSelText.length; i++) {
var oOption = document.createElement("option");
// oOption.text = arrSelText[i].substring(0,arrSelText[i].indexOf("(")+1) + " " + curFleetName+" )";
// oOption.value = arrSelValue[i].substring(0,arrSelValue[i].indexOf(","));
oOption.text = arrSelText[i];
oOption.value = arrSelValue[i];
for(var j=0;j<order.length;j++){
if(order[j].text==oOption.text) {
flag=false;
break;
}
}
if(flag==true){
oPurpose.add(oOption);
}
oData.removeChild(arrValueTextRelation[arrSelValue[i]]);
}
}
//-->
</script>
<form name="fm" >
<table border="0" width="100%" cellpadding="0" cellspacing="0" bgcolor="#f1f1f1" height="200">
<tr>
<td width="21%">select1</td>
<td width="6%"> </td>
<td width="73%"</td>
</tr>
<tr>
<td width="21%">
<select name="availableTruckList" id="availableTruckList" size="8" style="width:220px">
</select>
</td>
<td width="6%">
<div align="center">
<input name="rightArrowBut" value=">>>>" type="button"
onclick="javascript:moveValueToRight(availableTruckList,currentTruckList,'${fleet.fleetId }','${fleet.fleetName }');" />
</div>
<br>
<div align="center">
<input name="Submit" value="<<<<" type="button"
onclick="javascript:moveValueToLeft(currentTruckList,availableTruckList,fleetList);" />
</div>
</td>
<td width="73%">
<select name="currentTruckList" id="currentTruckList" size="8" style="width:220px">
</select>
</td>
</tr>
</table>
</form>
</body></html>
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다른 사람의 웹사이트 편집: contenteditable 및 designMode그래도 우리가 그렇게 할 수 있다고 생각하는 것은 멋진 일입니다. 제가 강조하고 싶었던 일종의 관련 API가 실제로 몇 개 있기 때문에 오늘 그것을 가져왔습니다. contenteditable는 "true" 값이 할당...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.