html query动态为select加入选项,jQuery动态添加下拉列表选项

不说了，直接上代码：

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>

My JSP 'MyJsp.jsp' starting page

$(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);

});

This is my JSP page.

由于js包的限制，所以说alert($("#grade").get(0).selectedindex);等方法是不支持的。