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. subline 快捷键

    subline 快捷键  安装 pretty css  html  后1,CTRl+ shift +H 格式化代码

  2. 烂泥:CentOS安装及配置TFTP服务器

    本文由秀依林枫提供友情赞助,首发于烂泥行天下. 为什么要学习有关TFTP服务器的安装及配置呢?主要是为了后续学习有关linux系统的无人值守安装做准备. TFTP简单文件传输协议,使用UDP的69端口 ...

  3. 在MVC3中使用code first生成数据局库并操作数据库

    1.建立Users和UserInfos两个实体类 对应的是数据库中的表 public class User { //类名+Id(User+Id)组成的字符串在数据库表中会设置该字段是主键且是按1的增量 ...

  4. jiulianhuan 快速幂--矩阵快速幂

    题目信息: 1471: Jiulianhuan 时间限制: 1 Sec  内存限制: 128 MB 提交: 95  解决: 22 题目描述 For each data set in the input ...

  5. runv start container 流程分析

    1.runv/start.go func startContainer(context *cli.Context, container, address string, config *spec.Sp ...

  6. 【Android 基础】Animation 动画介绍和实现

    在前面PopupWindow 实现显示仿腾讯新闻底部弹出菜单有用到Animation动画效果来实现菜单的显示和隐藏,本文就来介绍下吧. 1.Animation 动画类型 Android的animati ...

  7. AOJ 740 求和

      链接:http://icpc.ahu.edu.cn/OJ/Problem.aspx?id=740   Description 对于正整数n,k,我们定义这样一个函数f,它满足如下规律f(n,k=1 ...

  8. NVIDIA Physix Unity3D

    提升机器的3D性能 在公司用的台式机看配置不会很差,但是在处理3D方面特别地无奈!例如开个PS,3d MAX就会卡的半死,再多开一会儿就直接未响应,然后机器重启. 真无奈啊,公司暂时也不会给我换电脑或 ...

  9. Jenkins学习一:Jenkins是什么?

    文章转载:http://www.cnblogs.com/zz0412/tag/jenkins/default.html?page=1 第一章 Jenkins是什么? Jenkins 是一个可扩展的持续 ...

  10. AutoIT简介

    AutoIT最初是为了帮助IT管理和维护而开发的工具,能自动完成软件的安装.由于自动化安装和自动化测试在功能需求上有许多相似之处,都要模拟用户对软件进行操作,并验证执行的结果,所以,AutoIT逐渐成 ...