发布于 2016-12-30 11:36:00 | 84 次阅读 | 评论: 0 | 来源: 网友投递

这里有新鲜出炉的Javascript教程,程序狗速度看过来!

JavaScript客户端脚本语言

Javascript 是一种由Netscape的LiveScript发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如Perl,遗留的速度问题,为客户提供更流畅的浏览效果。


本文将为大家介绍下正如标题所示的select操作:清空所有的选项、添加一个选项、根据值、选中一个选项、根据下标,选中一个选项,感兴趣的朋友可以参考下哈,希望对大家有所帮助
 
function BindSelect(id,dataList,fieldtext,fieldValue) { 
//绑定某一个数据源,fieldtext为需要绑定的文本字段,fieldValue为需要绑定的value字段 
var select = $("#" + id)[0]; 
for (var i = 0; i < dataList.length; i++) { 
select.options.add(new Option(eval("dataList[" + i + "]." + fieldtext), eval("dataList[" + i + "]." + fieldValue))); 
} 
} 
function BindSelectOptions(id, OptionList) { 
var select = $("#" + id)[0]; 
for (var i = 0; i < OptionList.length; i++) { 
select.options.add(new Option(OptionList[i].Text, OptionList[i].Value)); 
} 
} 
function ClearAllItems(id) {//清空所有的选项 
var select = $("#" + id)[0]; 
select.options.length = 0; 
} 
function AddOneItem(id, text, value) {//添加一个选项 
var select = $("#" + id)[0]; 
select.options.add(new Option(text, value)); 
} 
function selectOneOption(id, selectValue) {//根据值,选中一个选项 
var select = $("#" + id)[0]; 
var len = select.options.length; 
for (var i = 0; i < len; i++) { 
if (select.options[i].value == selectValue) { 
select.options[i].selected = true; 
break; 
} 
} 
} 
function selectOneOptionByIndex(id, index) {//<SPAN style="FONT-FAMILY: Arial, Helvetica, sans-serif">//根据下标,选中一个选项</SPAN> 

var select = $("#" + id)[0]; 
var len = select.options.length; 
if (index >= 0 && index <= len) { 
select.options[index].selected = true; 
} 
} 


最新网友评论  共有(0)条评论 发布评论 返回顶部

Copyright © 2007-2017 PHPERZ.COM All Rights Reserved   冀ICP备14009818号  版权声明  广告服务