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
五 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’); }, [...]
jquery-1.3.2.min.js $(#id)取不到值，jQuery(#id)可以，为啥？
四 182011
<script src=”/js/jquery-1.3.2.min.js” type=”text/javascript”></script> <style type=”text/css”> .truecolor {border:1px solid #333;text-align:center;} /* 非关键部分：给表格加个边框 */ .truecolor th {background-color:#333; color:#FFF;} /* 非关键部分：给表头定义样式 */ .color1 {background-color:#DDD; color:#333;} /* 关键部分：定义tr的第一种样式 */ .color2 {background-color:#EEE; color:#333;} /* 关键部分：定义tr的第二种样式 */ .color3 {background-color:#666; color:#FFF;} /* 关键部分：定义tr在鼠标悬浮状态的样式 */ </style> <script lang=”javascript” > /** 请确保你已经在之前引入了jQuery的js文件 * 我这里是使用Wordpress自带的jQuery * 为避免框架的冲突，我在这里使用jQuery()而不是$() */ jQuery(document).ready(function(){ [...]
四 042011
jQuery中常用getJSON来调用并获取远程的JSON字符串，将其转换为JSON对象，如果成功，则执行回调函数。原型如下： jQuery.getJSON( url, [data], [callback] ) 跨域加载JSON数据。 url: 发送请求的地址 data : (可选) 待发送key/value参数 callback: (可选) 载入成功时的回调函数 主要用于客户端获取服务器JSON数据。简单示例： 服务器脚本，返回JSON数据： $.getJSON.php $arr=array(“name”=>”zhangsan”, “age”=>20); $jarr=json_encode($arr); echo $jarr; 注意两点： 第一：在返回客户端之前，先用PHP函数json_encode将要返回的数据进行编码。 第二：返回到客户端用的是echo，而不是return。 下面是核心的客户端代码： $.getJSON.html <script language=“javascript” type=“text/javascript” src=“./js/jquery.js”></script> <script language=“javascript” type=“text/javascript”> function getjs() { $.getJSON(“$.getJSON.php”, {}, function(response){ alert(response.age); }); } <input type=”button” name=”btn” id=”btn” value=”test” onClick=”javascript:getjs();”/> [...]
四 032011
jQuery plugin: Treeview 插件地址：http://bassistance.de/jquery-plugins/jquery-plugin-treeview/ Js代码 <html> <head> <meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ /> <link href=”<c:url value=’/js/jquery-plugin/jquery.treeview.css’/>” rel=”stylesheet” type=”text/css” /> <script type=”text/javascript”> /****************操作*******************/ //展开节点，异步加载子节点子节点格式为json串数组[{id:,name:},{id:,name:},{id:,name:}] function extend(menuId){ //menuId 为父节点ul的id if($(“#ul_”+menuId).html()==””) //如果存在 单击的时候不增加 { $.getJSON(“<c:url value=’/html/manage/tree.ao?method=extendTree’/>”, //从后台获取json数组 {data:new Date(),pid:menuId},function(json){ var html = “”; //准备插入的内容 if($(json).size()>0){ for(var obj in json)//拼html串用于展示子节点 { [...]
近期评论