最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

javascript如何操作服务器控件代码实例详解

来源:动视网 责编:小采 时间:2020-11-27 20:15:23
文档

javascript如何操作服务器控件代码实例详解

javascript如何操作服务器控件代码实例详解:js选中服务器控件select与dropdownlist1. js操作服务器控件select<select id="selectID" onchange="return showMessage()"> <option value="0">==请选择==<
推荐度:
导读javascript如何操作服务器控件代码实例详解:js选中服务器控件select与dropdownlist1. js操作服务器控件select<select id="selectID" onchange="return showMessage()"> <option value="0">==请选择==<


js选中服务器控件select与dropdownlist

1. js操作服务器控件select

<select id="selectID" onchange="return showMessage()">
 <option value="0">==请选择==</option>
 <option value="1">是</option>
 <option value="2">否</option>
</select>
<script type="text/javascript" language="javascript">
 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 个");
 }
 }
</script>
//js操作服务器控件dropdownlist
<asp:DropDownList ID="ddlFolder" runat="server" SkinID="ddlSkin" AutoPostBack="false" OnSelectedIndexChanged="ddlFolder_SelectedIndexChanged"> 
 <asp:ListItem Value="0">选项0</asp:ListItem> 
 <asp:ListItem Value="1">选项1</asp:ListItem> 
</asp:DropDownList> 
<asp:DropDownList ID="ddlFolder" runat="server" SkinID="ddlSkin" AutoPostBack="false" OnSelectedIndexChanged="ddlFolder_SelectedIndexChanged"> 
 <asp:ListItem Value="0">选项0</asp:ListItem>
 <asp:ListItem Value="1">选项1</asp:ListItem> 
</asp:DropDownList>

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;

文档

javascript如何操作服务器控件代码实例详解

javascript如何操作服务器控件代码实例详解:js选中服务器控件select与dropdownlist1. js操作服务器控件select<select id="selectID" onchange="return showMessage()"> <option value="0">==请选择==<
推荐度:
标签: 控制 操作 js
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top