select的操作

变化后触发操作
$("#txtaddprojecturl").change(function(){
$("#addprojectname").html("");
});
  1. //函数形式
  2. $("#YesOrNo").change(YesOrNoChange);
 
获取
1.获取select的value
  1.     var BrandID= $("#addbrand ").val();
2.获取selelct中option的text
这里需要注意,不能直接去获取select的text,而是应该获取被选中的option的text
  1.     var BrandName= $("#addbrand option:selected").text();
设置
1.设置select的value
  1.     $("#addbrand ").val(BrandID);
2.设置select的option的text
  1.     $("#brandCity option").filter(function(){
    return this.text == row.BrandCity;
    }).prop('selected',true);
    $("#mySelect2 option").each(function(){this.selected =(this.text == text2);});
  1.     $("#mySelect2 option:contains("+text2+")").prop('selected',true);
 
下面的代码是无效的
    $("#mySelect1").find("option[text="+ text1 +"]").attr("selected",true);

    $("#my-Select option[text="+ myText +"]").prop("selected",true);
参见
3.向select开头中添加option
  1.     $("#searchCity").prepend('<option value="-1">请选择</option>');
 
4.向select结束添加option
  1.     $("#searchCity").append('<option value="-1">请选择</option>');
 
5.向select中添加许多option
    //加载数据
var brandSelect = $("#addbrand");
brandSelect.empty();
brandSelect.append('<option value="">请选择</option>');
var brandData = result.Data;
//根据后台返回的Data
if(brandData !=null&& brandData.length >0){
  for(var i =0; i < brandData.length; i++){
  var oneData = brandData[i];
  brandSelect.append('<option data-cityid="'+ oneData.CityID+'" data-cityname="'+ oneData.CityName+'" value="'+ oneData.ID +'">'+ oneData.BrandName+'</option>');
  }
}

其他添加许多option的方法

清空select
1.清空select后初始化
  1.     $("#addbrand").empty().append('<option value="">请选择</option>');
2.清空
  1.     $("#addbrand").empty();
3.去掉select中某个值
  1.     $("#sltaddcity option[value='-1']").remove();
 

radio操作
html部分
    <inputclass="IsBrand"type="radio"name="IsBrand"value="1"checked="checked"/>

<inputclass="IsBrand"type="radio"name="IsBrand"value="0"/>
点击后触发操作
    $("input:radio").click(function(){
  if($(this).val()=="1"&& $(this).prop("checked")==true){
  $(".brand").show();
  $(".project").hide();
}else{
  $(".brand").hide();
  $(".project").show();
  }
});
设置
1.遍历设置
    $(".IsBrand").each(function(){
  var _this = $(this);
  if(_this.val()== row.IsBrandPromotion){
  _this.prop("checked",true);
  }
});
2.直接设置第一个选中
    var a = $(".IsBrand");
$(a[0]).prop("checked",true);
获取
1.根据radio的值做判断
    $(".IsBrand").click(function(){
  if($(this).val()=="1"&& $(this).prop("checked")==true){
  $(".brand").show();
  $(".project").hide();
}else{
  $(".brand").hide();
  $(".project").show();
}
});

2.得到radio的值

  1.     var IsBrandPromotion= $(".IsBrand:checked").val();
 
 
禁用
  1.     $(".IsBrand").prop("disabled",true);
input操作
获取
  1.     $("#txtaddprojecturl").val("");

    设置

  1.     $("#txtaddprojecturl").val(row.ProjectUrl);

    checkbox操作

获取
1.获取所有的checkbox
注意这里的:checkbox 和前面的要有空格
  1.     var b = $(".tableMediaData :checkbox");
2.获取所有的被选中的checkbox
注意这里的:checked和前面的不能有空格
  1.     var arrChk = $(".mediachk:checked");
3.遍历取得被选中的checkbox的值
    $(arrChk).each(function(){
  MediaID+="'"+ $(this).val()+"',";
});

设置

p操作
获取
注意是html方法
  1.     ProjectName= $.trim($("#addprojectname").html());
设置
  1.     $("#addprojectname").html(row.ProjectName);
 
清空
 
  1.     $("#addprojectname").text("");
 
 
以上

Jquery操作select,radio,input,p之类的更多相关文章

  1. JQuery操作select下拉框

    JQuery操作select下拉框 获取Select选择的Text和Value $("#select_id").change(function(){//code...}); //为 ...

  2. Jquery操作select,左右移动,双击移动 取到所有option的值

    $(function () { function MoveItem(fromId, toId) { $("#" + fromId + " option:selected& ...

  3. ThinkPHP第二十六天(JQuery操作select,SESSION和COOKIE)

    1.JQuery操作select,假设<select id="my"> A:双击选项<option>事件,应该是select的dbclick事件. B:获得 ...

  4. jquery操作select下拉框的各种方法,获取选中项的值或文本,根据指定的值或文本选中select的option项等

    简介jquery里对select进行各种操作的方法,如联动.取值.根据值或文本来选中指定的select下拉框指定的option选项,读取select选中项的值和文本等. 这一章,站长总结一下jquer ...

  5. js与jQuery操作select大全

    Js操作Select是很常见的,也是比较实用的,每一次操作select的时候,总是要出来翻一下资料,不如自己总结一下,以后就翻这里了. 一.js操作select部分 判断select选项中 是否存在V ...

  6. Jquery 操作 Select 详解

    jQuery是如何控制和操作select的.先看下面的代码 比如<select class="selector"></select> 1.设置value为p ...

  7. jquery 操作select,checkbox,radio (整理)

    在工作中经经常使用到select,checkbox,radio,今天有点空暇就整理一下,免得以后用的时候还要又一次找. 操作select下拉框 -- 获取值或选中项: 1, $("#sele ...

  8. Jquery操作select、checkbox、radio详细讲解

    一 .Select jQuery获取Select选择的Text和Value: 1. $("#select_id").change(function(){//code...}); / ...

  9. jquery操作select(增加,删除,清空)

    jQuery获取Select选择的Text和Value: $("#select_id").change(function(){//code...}); //为Select添加事件, ...

  10. Jquery操作select小结

    每次操作select都要查资料,干脆总结一下. 为select设置placeholder <select class="form-control selOP" placeho ...

随机推荐

  1. 【php】使用gdb调试php程序

    1.简介 GDB是GNU开源组织发布的一个强大的UNIX下的程序调试工具.如果你是在 UNIX平台下做软件,你会发现GDB这个调试工具有比VC.BCB的图形化调试器更强大的功能.同时GDB也具有例如d ...

  2. hibernate一对多映射实现

    Junit4方法详解 setUpBeforeClass()类初始化前调用 tearDownAfterClass()类初始化后调用 setUp()在测试方法前调用 tearDown()在测试方法后调用 ...

  3. 移动语义 && 函数调用过程中的 lvalue

    当以一个函数内的临时变量对象作为另一个函数的形参的时候,原函数内的临时对象即 rvalue,就会成为此函数内的 lvalue. 这样会重新导致效率低下,因为造成了大量复制操作. <utility ...

  4. chrome45以后的版本安装lodop后,仍提示未安装解决

    请先查看你chrome浏览器的版本,如果是45版本以前的版本,安装后仍提示 "未安装" 或 "请升级" 请参照本链接解决:http://blog.sina.co ...

  5. Heartbeat+LVS构建高可用负载均衡集群

    1.heartbeat简介: Heartbeat 项目是 Linux-HA 工程的一个组成部分,它实现了一个高可用集群系统.心跳服务和集群通信是高可用集群的两个关键组件,在 Heartbeat 项目里 ...

  6. MongoDB配置多个ConfigDB的问题(笔记)

    由于在部署集群之前没有做好的规划,在集群中只有一个configserver和一个mongos.网上都推荐多个configserver,本人在使用的过程中发现在启动mongos进程时,congfigdb ...

  7. NOIP2008 T3 传纸条 解题报告——S.B.S.

    题目描述 小渊和小轩是好朋友也是同班同学,他们在一起总有谈不完的话题.一次素质拓展活动中,班上同学安排做成一个m行n列的矩阵,而小渊和小轩被安排在矩阵对角线的两端,因此,他们就无法直接交谈了.幸运的是 ...

  8. UESTC 912 树上的距离 --LCA+RMQ+树状数组

    1.易知,树上两点的距离dis[u][v] = D[u]+D[v]-2*D[lca(u,v)] (D为节点到根节点的距离) 2.某条边<u,v>权值一旦改变,将会影响所有以v为根的子树上的 ...

  9. UVA 11766 Racing Car Computer --DP

    题意:电脑记录了某一时刻每个赛车的前面和后面个有多少辆车(多个车并排时在别的车那只算一辆),问最少有多少个不合理的数据. 分析:看到n<=1000时,就尽量往DP上想吧. 每输入一组数据a,b, ...

  10. Mango DS Training #48 ---线段树2 解题手记

    Training address: http://acm.hust.edu.cn/vjudge/contest/view.action?cid=38966#overview A.Count Color ...