nav-left cat-right
cat-right
Jquery操作select的一些方法总结
2009-11-29 By im502 评论关闭 319 views

//取得下拉选单的文本TEXT值
$(‘#testSelect option:selected’).text();
或$(“#testSelect”).find(‘option:selected’).text();
$(“#selectid>option[value='2']“).text();//获取ID为selectid的下拉框中value值为2的文本text值。
//取得下拉选单的value值
$(“#testSelect”).val();

//添加option
$(“#selectid>option[value='2']“).before(‘

‘);//在value值为2的下拉一
$(“

“).appendTo(“#selectid”)//在末尾添加
//没有找到简便的办法用Jquery添加下拉到指定的索引index

//删除option
$(“#selectid>option[value='2']“).remove();//删除下拉选单value值为2的option
$(“#selectid>option:eq(0)”).remove(); //这里的0代表索引位置的第一位以此类推
$(“#selectid”).empty()；//清空下拉框

//设置某项为选中
$(“#selectid”).attr(“value”,’2′);//设置value=2的项目为当前选中项
$(“#selectid”)[n].selectedIndex = 1;//select下拉框的第n+1个元素为当前选中值

Tags: , , ,

jquery拾色插件
2009-06-20 By im502 评论关闭 287 views

Jquery的颜色插件很多，今天推荐的一款是一个非常简洁的小插件：http://www.syronex.com/software/jquery-color-picker ，

Usage

Minimal

$('#test').colorPicker({
  click: function(color){$('#output').html(c);}
});

 

Options

$('#test').colorPicker({
  defaultColor: 0, // index of the default color (optional)
  columns: 13,     // number of columns (optional)
  color: ['#FFFFFF', '#EEEEEE'], // list of colors (optional)
  // click event - selected color is passed as arg.
  click: function(color){$('#output').html(c);},
});

 

Download

Download (zip, 19K)

Tags: , ,

Jquery与Mootools共存冲突
2009-05-13 By im502 评论关闭 2,469 views

今天在弄一个焦点图幻灯片的时候，代码用到mootools，可本来项目中用的是Jquery，造成了冲突，记得看到过类似的文章，遇事Google一下，果然有不少方法：

方法一：

?View Code HTML
<html>  
  <head>  
    <script src="Mootools.js"></script>  
    <script src="jquery.js"></script>  
    <script>  
      jQuery.noConflict();  
 
      // Use jQuery via jQuery(...)  
      jQuery(document).ready(function(){  
        jQuery("div").hide();  
      });  
 
      // Use Prototype with $(...), etc.  
      $('someid').style.display = 'none';  
    </script>  
  </head>  
  <body></body>  
  </html>

方法二：
阅读全部

Tags: , ,

open flash chart应用-投票
2009-02-18 By im502 [10 ] 2,860 views

先看演示：DEMO

闲来没事，用ofc搞了一个投票小程序，进一步巩固一下ofc和jquery，试验一下ofc里加入onclick时间的效果，果然很好用，而且调用js的功能函数相当方便，只需在json数据里加入“”on-click”,”myfunction(parm)””就可以，投票程序代码写的很简单，没有做什么优化。

废话少说，看代码：

阅读全部

Tags: , , , , ,

Jquery表单取值赋值的一些基本操作
2008-08-21 By im502 评论关闭 6,808 views


/*获得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的项目为当前选中项
$(“

“).appendTo(“#select_id”)//添加下拉框的option
$(“#select_id”).empty()；//清空下拉框

获取一组名为(items)的radio被选中项的值
var item = $(‘input[@name=items][@checked]‘).val();//若未被选中 则val() = undefined
获取select被选中项的文本
var item = $(“select[@name=items] option[@selected]“).text();
select下拉框的第二个元素为当前选中值
$(‘#select_id’)[0].selectedIndex = 1;
radio单选组的第二个元素为当前选中值
$(‘input[@name=items]‘).get(1).checked = true;

//重置表单
$(“form”).each(function(){
.reset();
});

Tags: , ,