JS操作select相关方法：新增 修改 删除 选中 清空 判断存在
1.判断select选项中 是否存在Value="paraValue"的Item
2.向select选项中 加入一个Item
3.从select选项中 删除一个Item
4.修改select选项中 value="paraValue"的text为"paraText"
5.设置select中text="paraText"的第一个Item为选中
6.设置select中value="paraValue"的Item为选中
7.得到select的当前选中项的value
8.得到select的当前选中项的text
9.得到select的当前选中项的Index
10.清空select的项
-------------------------------------------
//1.判断select选项中 是否存在Value="paraValue"的Item
function jsSelectIsExitItem(objSelect,objItemValue)
{
var isExit = false;
for(var i=0;i {
if(objSelect.options.value == objItemValue)
{
isExit = true;
break;
}
}
return isExit;
}

//2.向select选项中 加入一个Item
function jsAddItemToSelect(objSelect,objItemText,objItemValue)
{
//判断是否存在
if(jsSelectIsExitItem(objSelect,objItemValue))
{
alert("该Item的Value值已经存在");
}
else
{
var varItem = new Option(objItemText,objItemValue);
// objSelect.options[objSelect.options.length] = varItem;
objSelect.options.add(varItem);
alert("成功加入");
}
}

//3.从select选项中 删除一个Item
function jsRemoveItemFromSelect(objSelect,objItemValue)
{
//判断是否存在
if(jsSelectIsExitItem(objSelect,objItemValue))
{
for(var i=0;i {
if(objSelect.options.value == objItemValue)
{
objSelect.options.remove(i);
break;
}
}
alert("成功删除");
}
else
{
alert("该select中 不存在该项");
}
}

//4.修改select选项中 value="paraValue"的text为"paraText"
function jsUpdateItemToSelect(objSelect,objItemText,objItemValue)
{
//判断是否存在
if(jsSelectIsExitItem(objSelect,objItemValue))
{
for(var i=0;i {
if(objSelect.options.value == objItemValue)
{
objSelect.options.text = objItemText;
break;
}
}
alert("成功修改");
}
else
{
alert("该select中 不存在该项");
}
}

//5.设置select中text="paraText"的第一个Item为选中
function jsSelectItemByValue(objSelect,objItemText)
{
//判断是否存在
var isExit = false;
for(var i=0;i {
if(objSelect.options.text == objItemText)
{
objSelect.options.selected = true;
isExit = true;
break;
}
}
//Show出结果
if(isExit)
{
alert("成功选中");
}
else
{
alert("该select中 不存在该项");
}
}

//6.设置select中value="paraValue"的Item为选中
//document.all.objSelect.value = objItemValue;

//7.得到select的当前选中项的value
//var currSelectValue = document.all.objSelect.value;

//8.得到select的当前选中项的text
//var currSelectText = document.all.objSelect.options[document.all.objSelect.selectedIndex].text;

//9.得到select的当前选中项的Index
//var currSelectIndex = document.all.objSelect.selectedIndex;

//10.清空select的项
// document.all.objSelect.options.length = 0;

---

从数据库动态选出数据后，JS填度SELECT，并将选中指定的值。
复制内容到剪贴板
代码:
function doChangePubClnt(id,sid,clntcode,simpname,stfcode,stfname,cid,prices,cstprices){
var SelectId='divcids';
$("divid").value=id;
$("divclntcode").value=clntcode;
$("divstfcode").value=stfcode;
$("divstfname").value=stfname;
$("divprices").value=prices;
$("divcstprices").value=cstprices;

$("divsimpname").value=simpname;

document.all.ChangePrices.style.display='';

/*清空SELECT中的值，然后填充*/
document.getElementById(SelectId).innerHTML = "";
/*得到该材料许可的供应商,包括PubStct+PubStff.cid这二个部分*/
buffalo.remoteCall("cdcxService.doSelectStffClntValueFromDateBase",[parseInt(sid)],function(reply) {
var toOpts = document.getElementById(SelectId).options;
var re=reply.getResult();
for (var i=0; i var oOption = document.createElement("OPTION");
oOption.value =re[i].value1;
oOption.text = re[i].name;
if(re[i].value1==cid){
oOption.selected=true;
}
toOpts.add(oOption);
}
});
}
quickSelectCopy.js
复制内容到剪贴板
代码:
var net = [];net.thinkbase = [];net.thinkbase.Example = [];

net.thinkbase.Example.copySelect = function(oFrom, oTo){
var _splitSelectHTML = function(html){
var res = new Array(2);
var firstGT = html.indexOf(">");
res[0]=html.substr(0, firstGT+1);
res[1]=html.substr(firstGT+1);
return res;
};

var resHTML = _splitSelectHTML(oTo.outerHTML)[0];
resHTML = resHTML + _splitSelectHTML(oFrom.outerHTML)[1];

oTo.outerHTML = resHTML;
}
net.thinkbase.Example.timeMeter = function(runCmd, displayElement){
var start = new Date();
eval(runCmd);
var stop = new Date();

var s =
"Run ["+runCmd+"] using ["+(stop.getTime()-start.getTime())+"] ms.";
document.getElementById(displayElement).innerHTML = s;
}

function quickCopy(selFrom,selTo){
with (net.thinkbase.Example){
copySelect(document.getElementById(selFrom), document.getElementById(selTo));
}
document.getElementById(selFrom).selectedIndex = document.getElementById(selFrom).selectedIndex
}
function normalCopy(selFrom,selTo){
document.getElementById(selTo).innerHTML = "";
var fromOpts = document.getElementById(selFrom).options;
var toOpts = document.getElementById(selTo).options;
for (var i=0; i var oOption = document.createElement("OPTION");
oOption.value = fromOpts[i].value;
oOption.text = fromOpts[i].text;
toOpts.add(oOption);
}
document.getElementById(selTo).selectedIndex = document.getElementById(selFrom).selectedIndex
}
function buildSelect(count){
var fromSel = document.getElementById(selFrom);
var fromOpts = document.getElementById(selFrom).options;
var oldCnt = fromOpts.length;
for(var i=0; i fromSel.removeChild(fromOpts[0]);
}
for(var i=0; i var oOption = document.createElement("OPTION");
oOption.value = i;
var s = i.toString(16).toUpperCase();
while (s.length<4){
s = "0"+s;
}
s = "0x"+s;

oOption.text = s + " : " + i;
fromOpts.add(oOption);
}
}
function clearCopyTo(){
document.getElementById(selTo).innerHTML = "";
}

　

Tags: javascript  

原创文章如转载，请注明：转载自：飞扬部落编程仓库 : http://www.busfly.net/csdn/

本文链接地址：http://www.busfly.net/csdn/post/javascript-JS-select1.html

如果你喜欢本文，请顶一下，支持我，你的支持是我继续发好文章的最大动力。谢谢。
好东西需要分享，快把本文发给你的朋友吧~!~