分享好友 前端技术首页 频道列表

Jquery获取服务器端控件的三种方式 js获取服务器地址

Jquery  2023-03-08 18:270

一 Jquery获得服务器控件值的方法
由于ASP.NET网页运行后,服务器控件会随机生成客户端id,jquery获取时候不太好操作,google了下,总结有以下3种方法:

服务器控件代码:<asp:TextBox ID="txtUserID" runat="server"></asp:TextBox>

1. $("#<%=txtUserID.ClientID%>").val();

2. $("input[id*=txtUserID]").val();

3. $("*[id$=txtUserID]").val();

二 Jquery获得控件值的方法

取值:

$("")是一个jquery对象,而不是一个dom element
value是dom element的属性
jquery与之对应的是val
val() :获得第一个匹配元素的当前值。
val(val):设置每一个匹配元素的值。
所以,代码应该这样写:
取值:val = $("#id")[0].value;
赋值:
$("#id")[0].value = "new value";
或者$("#id").val("new value");


或者这样也可以:val = $("#id").attr("value");
获取一组radio被选中项的值

var item = $('input[@name=items][@checked]').val();
获取select被选中项的文本
var item = $("select[@name=items] option[@selected]").text();
select下拉框的第二个元素为当前选中值
$('#select_id')[0].selectedIndex = 1;
radio单选组的第二个元素为当前选中值
$('input[@name=items]').get(1).checked = true;

获取值:

文本框,文本区域:$("#txt").attr("value");
多选框checkbox:$("#checkbox_id").attr("value");
单选组radio: $("input[@type=radio][@checked]").val();
下拉框select: $('#sel').val();

控制表单元素:
文本框,文本区域:$("#txt").attr("value",'');//清空内容
$("#txt").attr("value",'11');//填充内容

多选框checkbox: $("#chk1").attr("checked",'');//不打勾
$("#chk2").attr("checked",true);//打勾
if($("#chk1").attr('checked')==undefined) //判断是否已经打勾

单选组radio: $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项
下拉框select: $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项
$("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option


$("#sel").empty();//清空下拉框

三 Jquery获得控件 DropDownList值的方法


<script type="text/javascript">
function bbOK()
{
var a = $("#ddlGuo option:selected").val();
var b = $("#ddlGuo option:selected").text();
$("#txttext").attr("value", b);
$("#txtval").attr("value", a);
}
</script>
<html>
<asp:DropDownList ID="ddlGuo" runat="server" >
<asp:ListItem Selected="True" Value="001">北京市</asp:ListItem>
<asp:ListItem Value="301">南京</asp:ListItem>
<asp:ListItem Value="313">苏州</asp:ListItem>
</asp:DropDownList>
<asp:TextBox ID="txtval" runat="server"></asp:TextBox>
<asp:TextBox ID="txttext" runat="server"></asp:TextBox>
<br />
<asp:Button ID="Button1" runat="server" Text="点击Select" OnClientClick="bbOK();" />
</html>

查看更多关于【Jquery】的文章

展开全文
相关推荐
反对 0
举报 0
评论 0
图文资讯
热门推荐
优选好物
更多热点专题
更多推荐文章
邮箱自动提示Jquery 插件-实战.失败品
看到很多 SNS 类网站都有 邮箱注册功能. 参考了一下技术过程,触发事件为 focus keyup 和 后缀 mousedown 事件基本匹配过程就可以完成了. 所以写了下面的代码. 对  万一用户 选择错误.目前很多SNS 站都是要 手动删除后另行选择.我就写一个 focus 替换函数. 

0评论2023-03-08353

JQuery——事件绑定bind和on的区别
引言  通过JQuery对目标对象绑定事件我们大部分都是通过$('选择器').事件名()的形式实现,其实对事件的绑定还可以使用on和bind,为了搞明白两者之间的区别特做记录,以备以后查阅。正文  bind和on都是给元素绑定事件用的,但两者在使用时有些差别,我们最

0评论2023-03-08787

jQuery select操作
获取Select选择的Text和Value:$("#select_id").change(function(){//code...});//为Select添加事件,当选择其中一项时触发var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Textvar checkValue=$("#select_id").val(); //获

0评论2023-03-08577

17种常用的jQuery全屏焦点图代码 jq 获取焦点
jQuery全屏焦点图特效制作带标题的焦点图切换代码 jQuery背景和banner图片一起切换全屏焦点图切换代码 jQuery仿音悦台网站全屏带标题的焦点图轮播代码 jQuery响应式焦点图插件制作响应式全屏焦点图切换代码 jquery html5响应式幻灯片插件网站响应式全屏幻

0评论2023-03-08612

Jquery 插件 实现浮动层 网页右下弹出层
最近由于公司项目原因要添加一个在网站首页的浮动的弹出层,且比较急,上网大概查找了一下,无奈只能自己动手写了一个。比较简单。源码如下: (function ($) {            $.fn.Messager = function (option) {             

0评论2023-03-08580

jQuery习题 jquery100例
1.在div元素中,包含了一个span元素,通过has选择器获取div元素中的span元素的语法是?        答:$("div:has(span)"); 2.在ul元素中,添加了多个li元素,通过jquery选择器获取最后一个li元素的方法是?                答:$("li:last")3.在页面中有

0评论2023-03-08817

JQuery的父、子、兄弟节点选择器 jquery获取父节点和子节点
jQuery.parent(expr) //找父元素jQuery.parents(expr)//找到所有祖先元素,不限于父元素jQuery.children(expr)//查找所有子元素,只会找到直接的孩子节点,不会返回所有子孙jQuery.contents()//查找下面的所有内容,包括节点和文本。jQuery.prev()//查找上一

0评论2023-03-08671

一个关于 jquery 和 php 的 jsonp 例子(与后台PHP成功通信)
script $(document).ready(function(){$.ajax({ url:'http://localhost/test/jsonp.php', dataType:"jsonp", //重点,使用jsonp方式解决跨域问题 jsonp:"jsonpcallback", //回调函数名,和php端统一 timeout: 5000, success:function(data, status){ alert('s

0评论2023-03-08838

jQuery委托 jquery事件委托方法
$('#container').on('click', '.elementClass', function() {// code});http://stackoverflow.com/questions/10082031/why-use-jquery-on-instead-of-click

0评论2023-03-08736

更多推荐