实现select动态添加option并选中的多种方法

 select动态添加option并选中，然后立刻把添加的option设为选中状态

普通的javascript实现方法一：

var opt = document.createElement("OPTION");
opt.value = 6;
opt.text  = "分类名";
opt.selected ="selected";   
documtent.getElementById("cat").options.add(opt);

 

普通的javascript实现方法二：

// 创建一个 option

var newOption = new Option(str,incomeJson.catId,true);

// 获取到 select 对象

var diarySelect = document.getElementById('diarycat_id');

// 第一种给select添加option方法

diarySelect[diarySelect.length]=newOption;

// 第二种给select添加option方法

diarySelect.options.add(newOption);

// 让新添加的option变成选中状态

diarySelect.value=incomeJson.catId;

 

用jqueryp实现方法

$("#diarycat_id").append('<option value="'+incomeJson.catId+'" selected="selected">'+str+'</option>');