如何使用jquery动态创建一个select控件

jquery文档 *** 作的append()或 appendTo()方法可以在被选元素的结尾插入内容，因此可用于动态创建select控件

$("div")append("<select></select>");          // 在已经存在的div标签下创建select元素

$("<option></option>")appendTo($("select"));  // 为select元素添加option选项

实例演示：动态创建一个含有两个选项——“黑”“白”的select控件，并默认选中“白”这个选项

示例代码如下

创建Html元素

<div class="box">

<span>点击按钮后创建select标签，并默认选中“白”这个选项：</span><br>

<div class="content"></div>

<input type="button" value="创建select标签">

</div>

设置css样式

divbox{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}

divbox span{color:#999;font-style:italic;}

divcontent{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}

select{width:150px;height:30px;border:1px solid #6699FF;}

编写jquery代码

$(function(){

$("input:button")click(function() {

// 创建select

$("divcontent")append("<select></select>");

// 添加选项

$("<option></option>")val('0')text("黑")appendTo($("select"));

$("<option></option>")val('1')text("白")appendTo($("select"));

// 设置默认选项

$("select")val('1');

})

})

观察效果

初始状态

点击按钮创建select控件之后

这句代码一看就有语法错误，选择器后面跟着的应该是插件名。

你这个问题我给你分析一下，datagrid的工具栏实质上就是linkbutton，要禁用或启用一个linkbutton就要调用它的disable或enable方法，照你上面说的需求，点击修改按钮禁用本身、启用保存，代码如下：

handler : function() {// 这里是紧接着你的修改按钮的

// 注意ID为你初始化工具栏按钮对应的ID

$("#update")linkbutton("disable"); // 禁用修改按钮

$("#save")linkbutton("enable"); // 启用保存按钮

}

你好！！

jquery easyui datagrid中的 reload 不是这样用的~

1首先你需要设置datagrid的onLoadSuccess

$('#dg')datagrid({onLoadSuccess : function(data){

    $('#dg')datagrid('selectRow',3);

}});

2onLoadSuccess如果是通过 data-options的方式设置的没问题，如果通过js脚本设置的话，

需要保证在loadData之前绑定这个事件函数，类似下面这样

$('#dg')datagrid({"onLoadSuccess":function(data){

    $(this)datagrid('selectRow',3);

}})datagrid("loadData",XXXXX);

否则在加载数据之后，可能不会去执行onLoadSuccess里面的代码；

3reload方法重新加载当前页面数据

$('#dg')datagrid("reload");

至于loading一只显示，说明你的数据应该没有加载成功吧··

希望对你有帮助！！

Gridview显示的数据时 table 原来的 tr 被 remove 掉了， 表格中的 tr 是新的 dom 节点， 所以在加载完数据后， 重新给 table 的 tr 注册 tableDnD插件 的拖拽事件就可以了

$('table td')click(function(){

alert($(this)find('input')val());

}); 这个是只针对的你的提问而答的

不过你既然是用表格不可能就一个表格吧，所以为了区分表格你可以为表格table 设置一个id

如id='tab'

那么就是

$('#tab td')click(function(){

alert($(this)find('input')val());

});

步骤

打开DreamWeaver，新建一个htm5的页面

下载Jquery Mobile的库文件

然后在页面中引用库文件，注意库文件的引用顺序，需要引用的是mincss而不是普通的css文件。jqueryjs的引用要在jquerymobileminjs的引用之前

在body里面新建一个div，将其data-role设置为page表示是一个页面。

然后在div中插入一个main DIV,再在div中插入一个包含thead和tabody的table表格。

插入之后，可以先在浏览器中查看一下内容，可以看到只是几行字，一点样式都没有，这就需要为其添加Jquery Mobile中的样式

为其添加data-role="table"和其他属性，不用再另添加新的样式，就可以使得表格更像一个表格

这样，表格就做好了。其可以随着页面的放大而改变自己的样式，与屏幕相适应。