JQuery Добавить, если условие для select box

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 внутри опции, скажем, MechanicalComputer 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);