JavaScript与DropDownList 区别分析_javascript技巧

比如控件就被渲染成了锚点控件，这里要讲的DropDownList控件也一样，被渲染成了普通的select控件，在如下的asp.net页面中定义了一个web服务器控件DropDownList和一个普通的select控件（主要为了对比）。
代码

复制代码 代码如下:

长沙
北京
天津
漠河


James
Green
Lily
Lucy

　　在浏览器中查看该页面，并点击查看源文件，不难看出，asp.net页面被渲染成了如下格式：
代码

复制代码 代码如下:

长沙
北京
天津
漠河


James
Green
Lily
Lucy

　　好了，接下来介绍一下要用javascript操纵DropDownList控件，首先得了解select(或者DropDownList)的两个最基本的属性，一个是value属性，一个是text属性，还有一个selectedIndex属性，用来标识当前选中的项（数字），具体可参见上面的示例代码。
下面正式言归正传，主要介绍如下几点：
（1） 清空DropDownList控件中的值。
　　
document.getElementById('ddlCities').options.length = 0;
(2) 判断DropDownList中是否有value为'Param1'的ListItem。

复制代码 代码如下:

function isListItemExist(objDdl , objItemValue)
{
var isExist = false;
for(var i in objSelect.options)
　　{
　　　　if(i.value == objItemValue)
　　　　{
　　　　　　isExist = true;
　　　　　　break;
　　　　}
　　}
　　return isExist;
}

JavaScript与DropDownList
服务器控件DropDownList和Javascript的之间的传递

复制代码 代码如下:

计算机系
机械系
电子系
英语系
中文系

参考文章：

复制代码 代码如下: