jquery获取select选择的文本与值 获取select ： 获取select 选中的 text : $(“#ddlregtype”).find(“option:selected”).text(); 获取select选中的 value: $(“#ddlregtype “).val(); 获取select选中的索引: $(“#ddlregtype “).get(0).selectedindex; 设置select: 设置select 选中的索引： $(“#ddlregtype “).get(0).selectedindex=index;//index为索引值 设置select 选中的value： $(“#ddlregtype “).attr(“value”,”normal“); $(“#ddlregtype “).val(“normal”); $(“#ddlregtype “).get(0).value = value; 设置select 选中的text: var count=$(“#ddlregtype option”).length; for(var i=0;i<count;i++) { if($(“#ddlregtype “).get(0).options[i].text == text) { $(“#ddlregtype “).get(0).options[i].selected = true; break; } } $(“#select_id option[text='jquery']“).attr(“selected”, true); 设置select option项: [...]
五 092012
一、整个页面用一个回车提交事件： <input type=”button” value=”回车提交” id=”auto” onclick=”alert(‘你按了回车’)”/> <script type=”text/javascript”> document.onkeydown = function(e){ if(!e) e = window.event;//火狐中是 window.event if((e.keyCode || e.which) == 13){ document.getElementByIdx_x(“auto”).click(); } } </script> 二、某个输入框中注册回车事件，一般用于用户在页面输入后按回车: <script> function enterIn(evt){ var evt=evt?evt:(window.event?window.event:null);//兼容IE和FF if (evt.keyCode==13){ var obj ; queryDistrict(obj,2); } } </script> <input type=”text” id =”input1″ maxlength=”3″ onkeydown=”enterIn(event);”/>
五 092012
jquery取得text,areatext,radio,checkbox,select的值,以及其他一些操作; 1.假如我们有如下页面 <inputtype=”text”name=”textname”id=”text_id”value=””><!–其余的请自行添加.重要的是要有TYPE.NAME.ID等,一般情况这些都是有的–> 2.下面来看怎么取得FORM中的各种值等等; functionget_form_value(){/*获得TEXT.AREATEXT的值*/ vartextval = $(“#text_id”).attr(“value”);//或者 vartextval = $(“#text_id”).val();/*获取单选按钮的值*/ varvalradio = $(“input[@type=radio][@checked]“).val();/*获取一组名为(items)的radio被选中项的值*/ var item = $(‘input[@name=items][@checked]‘).val(); /*获取复选框的值*/varcheckboxval = $(“#checkbox_id”).attr(“value”)；/*获取下拉列表的值*/ varselectval = $(‘#select_id’).val();} 3.另外对表单的其他处理: //控制表单元素： //文本框，文本区域：$(“#text_id”).attr(“value”,”);//清空内容$(“#text_id”).attr(“value”,’test’);//填充内容 //多选框checkbox： $(“#chk_id”).attr(“checked”,”);//未选中的值$(“#chk_id”).attr(“checked”,true);//选中的值if($(“#chk_id”).attr(‘checked’)==undefined)//判断是否已经选中//单选组radio：$(“input[@type=radio]“).attr(“checked”,’10′);//设置value=10的单选按钮为当前选中项 //下拉框select： $(“#select_id”).attr(“value”,’test’);//设置value=test的项目为当前选中项$(“<option value=’test’>test</option><option value=’test2′>test2</option>”).appendTo(“#select_id”)//添加下拉框的option$(“#select_id”).empty()；//清空下拉框 ——————————————————— 注:如果你像NeiLyi以前一样观注这方面内容,请你先了解CSS以及Xpath对元素的选取,因为jQuery就是给合两家之长的.希望看到这句话对你有所帮助. 获取一组名为(items)的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; 获取值： [...]
五 092012
使用常规的思路：$(“#keyword”).value 取值是取不到的，因为此时$(‘#keydord’)已经不是个element，而是个jquery对象，所以应该使用：$(“#keyword”).val() 。 $(“#keyword”)[0].value = “”; Luwiso测试通过,有什么不明白请到百度空间留言hi.baidu.com/luwiso /*获得TEXT.AREATEXT的值*/ var textval = $(“#text_id”).attr(“value”); //或者 var textval = $(“#text_id”).val(); /*获取单选按钮的值*/ var valradio = $(“input[type=radio]:checked”).val(); /*获取一组名为(items)的radio被选中项的值*/ var item = $(‘input[name=items]:checked’).val(); /*获取复选框的值*/ var checkboxval = $(“#checkbox_id”).attr(“value”)； /*获取下拉列表的值*/ var selectval = $(‘#select_id’).val(); /*文本框文本区域*/ $(“#text_id”).attr(“value”,”);//清空内容 $(“#text_id”).attr(“value”,’test’);//填充内容 /*多选框checkbox*/ $(“#chk_id”).attr(“checked”,”);//使其未勾选 $(“#chk_id”).attr(“checked”,true);//勾选 if($(“#chk_id”).attr(‘checked’)==true) //判断是否已经选中 /*单选组radio*/ $(“input[type=radio]“).attr(“checked”,’2′);//设置value=2的项目为当前选中项 /*下拉框select*/ $(“#select_id”).attr(“value”,’test’);//设置value=test的项目为当前选中项 $(“testtest2″).appendTo(“#select_id”)//添加下拉框的option $(“#select_id”).empty()；//清空下拉框 /*获取一组名为(items)的radio被选中项的值*/ var item = [...]
五 092012
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“> <html xmlns=”http://www.w3.org/1999/xhtml“> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /> <title>梦想E世界</title> <script type=”text/javascript” src=”./js/jquery.js”></script> <script type=”text/javascript”> function fanxuan(){ $(“input[name='hobby']“).each(function(){ if($(this).attr(“checked”)){ $(this).removeAttr(“checked”); } else{ $(this).attr(“checked”,’true’); } }) } function selectAll(){ $(“input[name='hobby']“).attr(“checked”,’true’);//全选 } function cancelSelect(){ $(“input[name='hobby']“).removeAttr(“checked”);//取消全选 } function selectOdd(){ $(“input[name='hobby']:even”).attr(“checked”,’true’);//选中所有奇数 } (function($){ $.extend({ setTextValue:function(){ $(“#text1″).val(‘梦想E世界’); //$(“#text1″).attr(‘value’,’梦想E世界’); }, getTextValue:function(){ alert($(“#text1″).val()); //alert($(“#text1″).attr(‘value’); }, [...]
十二 222011
作为一个前端开发人员，你要是没有听说过 CSS，那你肯定是一个 “out-man” 。随着 CSS 的深入人心，结构、表现与行为的逐渐分离，HTML 语义化成了炙手可热的卖点。 语义化的 HTML 首先要强调 HTML 结构 一个网页就好像一幢房子，HTML 结构就是钢筋混泥土的墙，一幢房子如果没有钢筋混泥土的墙那就是一堆废砖头，也就称不上是房子了。CSS 是装饰材料，是油漆，是用来装饰房子的。CSS 如果没有 HTML 结构那也就什么都不是了，没有了实际使用价值。CSS 完全依靠引用它的 (X)HTML 文档。如果你想使 CSS 的能力发挥到极致，提供一个既干净又有结构的 HTML 是非常必要的。 其实 HTML 中的标签都有他自身的含义，只是常常被忽视——就像表格一直充当着网页布局的角色。还好随着 CSS 的重现江湖，表格也终于回到他的本质工作——列表数据。它会告诉我们说：“这行是一个标题；这几行组成了一个段落；这些文字是项目列表……”在做前端开发的时候要记住：HTML 告诉我们一块内容是什么（或其意义），而不是它长的什么样子。 写语义化的 HTML 结构其实很简单，首先掌握 HTML 中各个标签的语义，在看到内容的时候想想用什么标签能更好的描述它，是什么就用什么标签。 <Hx> <h1>、<h2>、<h3>、<h4>、<h5>、<h6> 作为标题使用，并且依据重要性递减，<h1> 是最高的等级。 <p> 段落标记，知道了 <p> 作为段落，你就不会再使用 <br /> 来换行了，而且不需要 <br /> 来区分段落与段落。<p> 中的文字会自动换行，而且换行的效果优于 <br />。段落与段落之间的空隙也可以利用 CSS 来控制，很容易而且清晰的区分出段落与段落。 [...]
十一 302011
GET和POST的本质区别是什么？ 使用GET，form中的数据将编码到url中，而使用POST的form中的数据则在http协议的header中传输。在使用上，当且仅当请求幂等（字面意思是请求任意次返回同样的结果，本质是请求本身不会改变服务器数据和状态）时使用GET，当请求会改变服务器数据或状态时（更新数据，上传文件），应该使用POST。 区别使用GET，POST意义何在？ 重复访问使用GET方法请求的页面，浏览器会使用缓存处理后续请求。使用POST方法的form提交时，浏览器机遇POST将产生永久改变的假设，将让用户进行提交确认。当编成人员正确的使用GET，POST后，浏览器会给出很好的缓存配合，时响应速度更快。 在form提交阶段的差别 form提交的第一步是创建数据集，并根据ENCTYPE对数据集进行编码。ENCTYPE有两个值：multipart/form-data，application/x-www-form-urlencoded（默认值），前者可同时用于GET，POST，后者只用于POST。然后进行数据传输–对于GET方法，数据集使用content type application/x-www-form-urlencoded编码并附在url后面，在这种模式下，数据严格限制为ASCII码；对于POST，使用content type编码字符集并将其构造成消息发送。 在服务器处理部分的差别 原则上，除理GET和POST请求是没有分别的。但由于数据通过不同的方法编码，需要有不同的解码机制。所以，方法变化将导致处理请求的代码变化。比如对于cgi，处理GET时通过环境变量获得参数，处理POST请求时则通过标准输入(stdin) 获得数据。 从使用经验，我们有如下总结： 1、get是把参数数据队列加到提交表单的ACTION属性所指的URL中，值和表单内各个字段一一对应，在URL中可以看到。post是通过HTTP post机制，将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址。用户看不到这个过程。 2、对于get方式，服务器端用Request.QueryString获取变量的值，对于post方式，服务器端用Request.Form获取提交的数据。两种方式的参数都可以用Request来获得。 3、get传送的数据量较小，不能大于2KB。post传送的数据量较大，一般被默认为不受限制。但理论上，IIS4中最大量为80KB，IIS5中为100KB。 4、get安全性非常低，post安全性较高。 5、<form method=”get” action=”a.asp?b=b”>跟<form method=”get” action=”a.asp”>是一样的，也就是说，action页面后边带的参数列表会被忽视；而<form method=”post” action=”a.asp?b=b”>跟<form method=”post” action=”a.asp”>是不一样的。 另外 Get请求有如下特性：它会将数据添加到URL中，通过这种方式传递到服务器，通常利用一个问号？代表URL地址的结尾与数据参数的开端，后面的参数每一个数据参数以“名称=值”的形式出现，参数与参数之间利用一个连接符&来区分。 Post请求有如下特性：数据是放在HTTP主体中的，其组织方式不只一种，有&连接方式，也有分割符方式，可隐藏参数，传递大批数据，比较方便。
十一 202011
一。静态加载 1.外部样式表 当样式需要应用于很多页面时，外部样式表将是理想的选择。在使用外部样式表的情况下， 你可以通过改变一个文件来改变整个站点的外观。每个页面使用 <link> 标签链接到样式表。 <link> 标签在（文档的）头部： <head> <link rel=”stylesheet” type=”text/css” href=”mystyle.css” /> </head> 浏览器会从文件 mystyle.css 中读到样式声明，并根据它来格式文档。 外部样式表可以在任何文本编辑器中进行编辑。文件不能包含任何的 html 标签。 样式表应该以 .css 扩展名进行保存。下面是一个样式表文件的例子： hr {color: sienna;} p {margin-left: 20px;} body {background-image: url(“images/back40.gif”);} 不要在属性值与单位之间留有空格。假如你使用 “margin-left: 20 px” 而不是 “margin-left: 20px” ， 它仅在 IE 6 中有效，但是在 Mozilla/Firefox 或 Netscape 中却无法正常工作。 2.内部样式表 当单个文档需要特殊的样式时，就应该使用内部样式表。你可以使用 <style> 标签在文档头部定义内部样式表，就像这样: <head> <style [...]
十一 192011
我所知道的有以下区别： 1、session保存在服务器，客户端不知道其中的信息；cookie保存在客户端，服务器能够知道其中的信息。 2、session中保存的是对象，cookie中保存的是字符串。 3、session不能区分路径，同一个用户在访问一个网站期间，所有的session在任何一个地方都可以访问到。而cookie中如果设置了路径参数，那么同一个网站中不同路径下的cookie互相是访问不到的。 4、session需要借助cookie才能正常<nobr oncontextmenu=”return false;” onmousemove=”kwM(3);” id=”key3″ onmouseover=”kwE(event,3, this);” style=”COLOR: #6600ff; BORDER-BOTTOM: 0px dotted; BACKGROUND-COLOR: transparent; TEXT-DECORATION: underline” onclick=”return kwC();” onmouseout=”kwL(event, this);” target=”_blank”>工作</nobr>。如果客户端完全禁止cookie，session将失效。 http是无状态的协议，客户每次读取web页面时，服务器都打开新的会话，而且服务器也不会自动维护客户的上下文信息，那么要怎么才能实现网上商店中的购物车呢，session就是一种保存上下文信息的机制，它是针对每一个用户的，变量的值保存在服务器端，通过SessionID来区分不同的客户,session是以cookie或URL重写为基础的，默认使用cookie来实现，系统会创造一个名为JSESSIONID的输出cookie，我们叫做session cookie,以区别persistent cookies,也就是我们通常所说的cookie,注意session cookie是存储于浏览器内存中的，并不是写到硬盘上的，这也就是我们刚才看到的JSESSIONID，我们通常情是看不到JSESSIONID的，但是当我们把浏览器的cookie禁止后，web服务器会采用URL重写的方式传递Sessionid，我们就可以在地址栏看到sessionid=KWJHUG6JJM65HS2K6之类的字符串。 明白了原理，我们就可以很容易的分辨出persistent cookies和session cookie的区别了，网上那些关于两者安全性的讨论也就一目了然了，session cookie针对某一次会话而言，会话结束session cookie也就随着消失了，而persistent cookie只是存在于客户端硬盘上的一段文本（通常是加密的），而且可能会遭到cookie欺骗以及针对cookie的跨站脚本攻击，自然不如session cookie安全了。 [...]
jquery-1.3.2.min.js $(#id)取不到值，jQuery(#id)可以，为啥？
近期评论