JQuery選択ボックスの条件を追加する場合

Question

もし誰かが下のスニペットに条件を追加する方法を助けてくれますか？

スニペット：

function editStudesnt(data) { 
$('#studentInfo').empty(); 
$('#studentInfo').append("<div id=\"Search\" class=\"results\">"+ 
"<span id=\"lb\">Student Name:"+data.stuName+"</span></div>"+ 
"<label>Student Id: </label>"+ 
"<span id=\"SID\">"+data.stuId +"</span><br />"); 
} 

私は例えば

、

if(data.courseId==1){ 
<label>Student Course: </label> <select id=\"courseId\"><option value="" selected="selected">Mechanical</option><option value=\"1\" selected="\selected\">Mechanical</option><option value=\"2\">Computer Science</option><option value=\"2\">Electronics</option></select>" 
} 
if(data.courseId==2){ 
<label>Student Course: </label> <select id=\"courseId\"><option value="" selected="selected">Mechanical</option><option value=\"1\" >Mechanical</option><option value=\"2\" selected="\selected\">Computer Science</option><option value=\"2\">Electronics</option></select>" 
} 

として、私は条件を必要とする場合、上記のスニペットにあれば条件を追加するにはどうすればよいです上記のコードは正常に動作しています。しかし、問題は私がより多くのコースを持っているときに、同じコードがあらゆる条件で繰り返されることです。ですから誰でも私に、オプションの中のif条件、つまりMachineComputer Scienceを書くことができる解決策を私に提供してください。

Answer 1

just add below in function 

function editStudesnt(data) { 
$('#studentInfo').empty(); 
$('#studentInfo').append("<div id=\"Search\" class=\"results\">"+ 
"<span id=\"lb\">Student Name:"+data.stuName+"</span></div>"+ 
"<label>Student Id: </label>"+ 
"<span id=\"SID\">"+data.stuId +"</span><br />"); 

if(data.courseId==1){ 
$('#studentInfo').append("<label>Student Course: </label> <select id=\"courseId\"><option value="" selected="selected">Mechanical</option><option value=\"1\" selected="\selected\">Mechanical</option><option value=\"2\">Computer Science</option><option value=\"2\">Electronics</option></select>"); 
} 
if(data.courseId==2){ 
$('#studentInfo').append("<label>Student Course: </label> <select id=\"courseId\"><option value="" selected="selected">Mechanical</option><option value=\"1\" >Mechanical</option><option value=\"2\" selected="\selected\">Computer Science</option><option value=\"2\">Electronics</option></select>") 
} 

} 

このようにしたいですか？

Answer 2

とても

var select = $("<select></select"); 
var option = $("<option></option>"); 
option.text("hello") 
option.val("2"); 
if(data.val == option.val()) option.attr("selected", "selected"); 
select.append(option);