四种jquery 动态增加option下拉框代码,本文章从网

2019-08-17 作者:小鱼儿主页高手论坛   |   浏览(187)

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" ";
<html xmlns=";
小鱼儿主页高手论坛,<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>jquery弹出层插件与使用方法</title>
</head>

四种jquery 动态增加option下拉框代码 本文章收藏了四款利用jquery 动态增加option下拉框的实例代码,有了这款jquery 添加option实例我们就可以方便的操作option项了,想删除修改都成。

这种方式其实是上例$.ajax({..}) 的一种高级封装。

jquery 邮箱 手机号码 用户名验证正则表达式 本文章从网上收藏了一个利用jquery来验证邮箱地址合法性,手机号码验证包括所有手机号码都可以验证哦,最的验证用户名只允许是字符数字下划线以及@符号。

<body>
jquery弹出层插件大全:
   1.thickbox

四种jquery 动态增加option下拉框代码
本文章收藏了四款利用jquery 动态增加option下拉框的实例代码,有了这款jquery 添加option实例我们就可以方便的操作option项了,想删除修改都成。

在服务端通过获得callback参数(如:网页特效onp*****)得到jquery端随后要回调的
然后返回类似:"网页特效onp*****(" 要返回的json数组 ")";
jquery就会通过回调方法动态加载调用这个:jsonp*****(json数组);
这样就达到了跨域数据交换的目的.

jquery 邮箱 手机号码 用户名验证正则表达式

     目前用的比较多的,最新版本是thickbox3.1
下载地址:

function loadsteel_num(typeid){
var drp2 = $("drsteel_num");
drp2.options.length=0;
downloadurl('bsorder_steel_num.asp教程x?b_typeid=' typeid, function (xml, responsecode) {
 var dom
 if(document.all)//ie
 {
   dom=new activexobject("microsoft.xmldom");
   dom.loadxml(xml)
 }
 else if(window.domparser)//firefox
  dom=new domparser().parsefromstring(xml,"text/xml");
 if(dom)
 {
   items1 = dom.getelementsbytagname("item");
   var itemslength=items1.length;
   for(i=0;i <itemslength;i )                                                             
   {
     var newoption = document.createelement("option");
     newoption.text=items1[i].getattribute("name");
     newoption.value= items1[i].getattribute("name");
     drp2.options.add(newoption);
   }
   }
  });

 


<items>
<item name="abc"></item>
</items>

jsonp是一种脚本注入(script injection)行为,所以也有一定的安全隐患

本文章从网上收藏了一个利用jquery来验证邮箱地址合法性,手机号码验证包括所有手机号码都可以验证哦,最的验证用户名只允许是字符数字下划线以及@符号。 

   2.colorbox
官方网站:
下载地址:
演示实例:

//方法二


$.ajax({
async:false,
url: '', // 跨域url
type: 'get',
datatype: 'jsonp',
jsonp: 'jsoncallback', //默认callback
data: mydata, //请求数据
timeout: 5000,
beforesend: function(){ //jsonp 方式此方法不被触发。原因可能是datatype如果指定为jsonp的话,就已经不是ajax事件了
},
success: function (json) { //客户端jquery预先定义好的callback函数,成功获取跨域服务器上的json数据后,会动态执行这个callback函数
if(json.actionerrors.length!=0){
alert(json.actionerrors);
}

},
complete: function(xmlhttprequest, textstatus){

},
error: function(xhr){
//jsonp 方式此方法不被触发
//请求出错处理
alert("请求出错(请检查相关度网络状况.)");
}
});

 var name = $('#regemail').val();
 var search_str = /^[w-.][email protected][w-.] (.w ) $/;
 if(!search_str.test(name)){
  alert("邮箱不合法!");
  $("#regemail").val('');
  $("#regemail").focus();
  return false;
 }

   3.fancybox
官方网站:
下载地址:
演示实例:

$("#selectid").append("<option value='" value "'>" text "</option>");

jquery代码

 

   4.jqueryui dialog
官方网站:
下载地址:
演示实例:

当然除了这句,还有设置默认选择值、第一个的值、最后一个的值、第n个的值等等的,所以在网上搜了一上:

 

 var mob=$.trim($("#mobile").val());
 
 if($.trim($("#mobile").val())=="")
 {
  alert("手机号码不能为空!");
  return false;
 }
 if($.trim($("#mobile").val())!="")
 {
  var reg = /^(?:13d|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|4|5|6|7|8|9])-?d{5}(d{3}|*{3})$/;
  if(!reg.test($.trim($('#mobile').val())))
  {
   alert("手机号码格式不对!");
   return false;
  }
 }

   5.dom window
官方网站:
下载地址:
演示实例:

jquery获取select选择的text和value:

$.getjson(url "?callback=?",
function(json){

});

邮箱 手机号码 用户名验证正则表达式本文章从网上收藏了一个利用jquery来验证邮箱地址合法性,手机号码验证包括所有手机号码都可...

   6.shadowbox
官方网站:
下载地址:
演示实例:
</body>
</html>

  1. $("#select_id").change(function(){//code...});   //为select添加事件,当选择其中一项时触发

  2. var checktext=$("#select_id").find("option:selected").text();  //获取select选择的text

  3. var checkvalue=$("#select_id").val();  //获取select选择的value

  4. var checkindex=$("#select_id ").get(0).selectedindex;  //获取select选择的索引值

  5. var maxindex=$("#select_id option:last").attr("index");  //获取select最大的索引值

) 的一种高级封装。 在服务端通过获得callback参数(如:网页特效onp*****)得到jquery端随后要回调的 然后返回类似...

下面发布一些jquery插件的用法

 

本文由小鱼儿玄机30码发布于小鱼儿主页高手论坛,转载请注明出处:四种jquery 动态增加option下拉框代码,本文章从网

关键词: 小鱼儿玄机30码