js 备注知识点

（1）后端构造json数据，前端js获取json数据：

后端PHP构造json数据：
       echo "{status:'ok',value:'11'}";
   或者
       echo json_encode($result);//$result 是数组
前端JS获取json数据：
       var obj = eval_r("("+data+")");//data一定要用"()"包着
       alert(obj.status);//获取json值

（2）jQuery获取Select option 选择的Text和Value

jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关设置

获取一组radio被选中项的值:var item = $('input[name=items][checked]').val();
获取select被选中项的文本:var item = $("select[@name=items] option[@selected]").text();

获取select被选中项的文本 :var item = $("select[name=items] option[selected]").text(); 或$("select[name=items]").find("option:selected").text();

select下拉框的第二个元素为当前选中值:$('#select_id')[0].selectedIndex = 1;

select下拉框value = 'val'的元素为当前选中项:$("select[name=items] option[value='val']").attr("selected","selected");

radio单选组的第二个元素为当前选中项 :$('input[@name=items]').get(1).checked = true; 或$('input[name=items]').attr("checked", '1′);

radio的value = 'val'的元素为当前选中项:$('input[name=items] [value='val']').attr("checked","checked");

获取值:

文本框,文本区域:$("#txt").attr("value");

多选框checkbox:$("input[name='checkbox':checked]").each(function(){

var val = $(this).val();

});

单选组radio: $("input[type=radio][checked]").val();

下拉框select的value值: $('select').val();

下拉框select选中的text 值:$("select").find("option:selected").text();

控制表单元素:

文本框,文本区域:$("#txt").attr("value","); //清空内容

$("#txt").attr("value",'11′); //填充内容

多选框checkbox:
checkbox的第二个元素被打勾:$("input[name=items]").get(1).checked = true; //打勾
$("input[name=items]").get(1).checked = false; //不打勾

checkbox的value='val'的元素前打勾:$("input[name=item][value='val']").attr("checked",true); 或$("input[name=item][value='val']").attr("checked","checked");

if($("input[name=item][value='val']").attr('checked')==true) //判断是否已经打勾

单选组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获取Radio选择的Value值

获取option中的value值和文本的方法

<html>

<head>

<title>获取option的值和文本</title>

</head>

<body>

<form>

</select>

</form>

$('#ss').val()[0]或$('#ss').val().tostring();最简单直接的方法

var oSelect=document.getElementByIdx_x_x("ss");

oSelect.onchange=function(){ //当选项改变时触发

var valOption=this.options[this.selectedIndex].value;//获取option的value

alert(valOption);

var txtOption=this.options[this.selectedIndex].innerHTML;//获取option中间的文本

alert(txtOption);

}

</script>

</body>

</html>

(3) document.getElementById("<%=PageMenuHidden.ClientID %>").value = pagemenu;

js获取服务端控件id对象的value值时只能在页面整个加载以后才可以，在$(funtion(){document.getElementById("<%=PageMenuHidden.ClientID %>").value = pagemenu;})会报错，找不到该对象。页面加载顺序，当页面元素加载完成，即$()之后才加载服务器控件内容。，故报错，切记

posted on 2012-12-28 17:15 望风的日子阅读(285) 评论(0) 编辑收藏举报