$(function(){
var grade=$("#grade");
grade.append("一年级"); //添加下拉列表
grade.append("二年级");
grade.append("三年级");
$("四年级").appendTo(grade); //添加下拉列表
$("").val("4").text("五年级").appendTo(grade); //添加下拉列表
$("").val("5").text("六年级").prependTo(grade); //追加下拉列表到开头
$("option[value='1']").remove(); //移除value值为1的下拉选项
grade.val("2"); //设置默认的选中状态
var maxGradeIndex=grade.find("option:last").attr("value"); //获取最后一个下拉选项的value值属性
var gradeText=grade.find("option:first").text(); //获取最后一个下拉选项的文本内容
//grade.empty(); //清空下拉列表选项
grade.change(function(){
alert($(this).find("option[value='3']").text());
});
alert(gradeText);
});
相关文章
- 利用autocomplete.js实现仿百度搜索效果(ajax动态获取后端[C#]数据)
- jquery autocomplete ajax获取动态数据,兼容各浏览器,支持中文
- jquery autocomplete ajax获取动态数据,兼容各浏览器,支持中文
- Ajax实现在textbox中输入内容,动态从数据库中模糊查询显示到下拉框中
- 实现antd下拉框动态添加内容(与数据库交互)
- layui下拉框后台动态赋值
- layui 下拉框 动态获取数据
- Jquery chosen动态设置值 select Ajax动态载入数据 设置chosen和获取他们选中的值
- JS通过ajax方式从数据库动态获取数据的代码
- React使用jquery方式动态获取数据