首页 > web前端 > js教程 > JavaScript与DropDownList 区别分析_javascript技巧

JavaScript与DropDownList 区别分析_javascript技巧

WBOY
发布: 2016-05-16 18:37:23
原创
887 人浏览过

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

复制代码 代码如下:


长沙
北京
天津
漠河



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




  好了,接下来介绍一下要用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的之间的传递
复制代码 代码如下:



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



参考文章:
复制代码 代码如下:


相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板