mvc html.dropdownlist onchange,JS简单操作select和dropdownlist实例

本文实例讲述了JS简单操作select和dropdownlist的方法。分享给大家供大家参考。具体实现方法如下：

一、js选中服务器控件select与dropdownlist

1. js操作服务器控件select

==请选择==

是

否

function showMessage() {

if (document.getElementById("selectID").options[document.getElementById("selectID").selectedIndex].value == 1) {

alert("你好，你选择了第 1 个");

document.getElementById("txtContractName").setAttribute("enable",false);

}

else if (document.getElementById("selectID").options[document.getElementById("selectID").selectedIndex].value == 2) {

alert("你好，你选择了第 2 个");

}

//js操作服务器控件dropdownlist

选项0

选项1

选项0

选项1

JS代码：

document.getElementById("ddlFolder").value="0";//0为你要选中的项的value

2. 根据Text值设置选中某项

var DropDownListCurrencyNew = document.getElementById("ddlFolder");

for(i = 0; i < DropDownListCurrencyNew.options.length; i++)

{

if(DropDownListCurrencyNew.options[i].text == "选项0")

{

DropDownListCurrencyNew.options[i].selected = true;

}

二、js读取DropDownList选中项的value和text

Value：

var selValue = document.getElementById("DropDownList1").options[document.getElementById("DropDownList1").selectedIndex].value;

Text：

var selText = document.getElementById("DropDownList1").options[document.getElementById("DropDownList1").selectedIndex].text;

希望本文所述对大家的js与.net程序设计有所帮助。

mvc html.dropdownlist onchange,JS简单操作select和dropdownlist实例相关推荐

js原生操作select、radio 、checkbox
select.radio .checkbox常见操作 select常见操作 radio常见操作 select常见操作 html代码 <select class="select" ...
php网速测试程序,js简单网速测试方法完整实例
本文实例讲述了js简单网速测试方法.分享给大家供大家参考,具体如下: 运行效果截图如下: 具体代码如下: /p> "http://www.w3.org/TR/html4/loose.d ...
JS简单操作像素设置背景图片拉伸区域避免图片拉伸变形
废话开篇:简单设置图片拉伸区域,实现图片当作标签背景图时不被拉伸变形一.实现效果左右两个标签,左面的设置了一个不重复的背景图片现在进行一下操作,让左面的背景图在不变形的前提下进行铺满整个左侧的标 ...
JS中操作＜select＞标签选的值
JS中操作<select>标签选的值 <select>标签是一种表单控件,用来创建下拉列表.在<select> 标签内可用 <option> 标签定义下 ...
js 操作select和option
2019独角兽企业重金招聘Python工程师标准>>> 1.动态创建selectfunction createSelect(){var mySelect = document.cre ...
Js操作Select大全(取值、设置选中)
Js操作Select大全(取值.设置选中) Js操作Select是很常见的,也是比较实用的. jquery操作select(取值,设置选中) 每一次操作select的时候,总是要出来翻一下资料,不如自 ...
js操作select相关方法(收集)
<js操作select相关方法> 1.判断select选项中是否存在value="paravalue"的item 2.向select选项中加入一个item 3.从s ...
原生JS实现弹幕的简单操作速成
JS实现弹幕的简单操作现在很多的直播平台或者视频平台都会用到弹幕加强和观众的互动效果,那么如何用JS实现这样的效果呢,用一个初学者的方法记录下这个方法,欢迎大牛指导. 首先需要操作文档必须拿到Dom ...
js拼接html onchange,js触发select onchange事件的小技巧
select 或text的onchange事件需要手动(通过键盘输入)改变select或text的值才能触发,如果在js中给select或text赋值,则无法触发onchang事件, 例如,在页面加载 ...

mvc html.dropdownlist onchange,JS简单操作select和dropdownlist实例

mvc html.dropdownlist onchange,JS简单操作select和dropdownlist实例相关推荐

最新文章

热门文章