【JS】如何更改dropdownlist 当前选定值

【JS】如何更改dropdownlist 当前选定值,第1张

综上所述

1、推荐你再绑定数据时就将Text和Value分开,取值的时候只取Value,比去掉 “|--”方便的多

2、TEXT="|--青岛"//显示给用户看的值

VALUE="青岛"; //存数据库的值

方法1:DropDownListr 在HTML画面上显示的是 <select> 可以在客户端

//现在是2000年后 可取的 年份4位数。

var d = new Date()

dgetYear()

方法取得当前年份并 插入在 <select>里

可用DropDownListrclientID

方法2:用ajax取得 客户端年份 并绑定DropDownList

方法3:直接在后台绑定数据。

<asp:DropDownList id="DropDownList 1 " runat="server" AutoPostBack="true" onselectedindexchanged="DropDownList1 _SelectedIndexChanged" ></asp:DropDownList>

<asp:DropDownList id="DropDownList 2 " runat="server" ></asp:DropDownList>

直接用DropDownList的事件(DropDownList1_SelectedIndexChanged,在属性里)

然后在服务器端写代码 判断DropDownList1的值,然后再决定DropDownList2显示隐藏

(DropDownList2Visible=true/false)

直接给下拉框赋值就可以了,下边是例子

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 40 Transitional//EN">

<HTML>

<HEAD>

<TITLE> New Document </TITLE>

<META NAME="Generator" CONTENT="EditPlus">

<META NAME="Author" CONTENT="">

<META name="keywords" content="年份,方法,代码,绑定,你的">

<META name="description" content="综上所述1、推荐你再绑定数据时就将Text和Value分开,取值的时候只取Value,比去掉 “|--”方便的多 2、TEXT="|--青岛"//显示给用户看的值 VALUE="青岛"; //存数">

</HEAD>

<BODY>

<SELECT NAME="test" id="test">

<OPTION VALUE="a" SELECTED>a

<OPTION VALUE="a">b

<OPTION VALUE="c">c

</SELECT>

<br>

<INPUT TYPE="button" VALUE="设置" ONCLICK="setSelected();">

<SCRIPT LANGUAGE="JavaScript">

<!--

function $(obj)

{

return documentgetElementById(obj);

}

function setSelected()

{

$("test")value="c";

}

//-->

</SCRIPT>

</BODY>

</HTML>

你好,如果用js写当然不能写在后台了,要写在页面上,或者是js文件中然后页面引用。

凭我的判断你的两个个控件id的值分别是 lblJob,ddlJob,那么就可以这样写:

documentgetElementById('lblJob')value= documentgetElementById('ddlJob')text;(最后这个也有可能是value,看你要什么了)

为Dropdowlist添加onchange();事件,然后取Dropdowlist选择的值赋给隐藏域。

Dropdowlist添加onchange事件,在aspxcs页的page_Load里加上下面代码:thisdropdownlistAttributes["onchange"] = "dplchange();";

js代码:

function dplchange()

{

documentgetElementById("aa")value=documentgetElementById("dropdownlist")options[documentgetElementById("dropdownlist")selectedIndex]text;//取的是dropdownlist的文本,如果要取dropdownlist的value值,将text换成value即可。

}

DropDownList1SelectedItemText

选中项的文件,即DropDownList下拉时此项显示的内容

DropDownList1SelectedValue

选中项的值,注意:值是自己在编辑DropDownList自己设置的,与DropDownList1SelectedItemText 不同

DropDownList1SelectedIndex

所选中的DropDownList项目的索引号

for(i=0;i<=DropDownList1ItemsCount-1;i++)

{

if(DropDownList1items[i]selected)

{

//处理选中的方法

}

}

else

{

//不被选中的方法

}

}

DropDownList加上OnSelectedIndexChanged方法,并加上AutoPostBack="true"后,会生成相应的js脚本,如:

<asp:DropDownList ID="dropdownlist1" runat="server" AutoPostBack="true"

onselectedindexchanged="dropdownlist1_SelectedIndexChanged">

得到的html代码是:

<select name="dropdownlist1" onchange="javascript:setTimeout('__doPostBack(\'dropdownlist1\',\'\')', 0)" id="dropdownlist1">

那么在你的其它代码里,只要调用相应的js代码就可以了,比如

<script type='text/javascript'>

function myevent(){

setTimeout('__doPostBack(\'dropdownlist1\',\'\')', 0);

}

</script>

以上就是关于【JS】如何更改dropdownlist 当前选定值全部的内容,包括:【JS】如何更改dropdownlist 当前选定值、求JS脚本 获取当前的年份 从本年起 显示上10年的年份 开始要以请选择 下面是年份 绑定在DropDownList、如何用JS实现一个DropDownList的值改变时触发另一个DropDownList的显示与隐藏等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/10085492.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-05
下一篇2023-05-05

发表评论

登录后才能评论

评论列表(0条)

    保存