如何在使用jquery的文本輸入中顯示正確的數據

下面我有一個表單，它包含一個文本輸入，它包含學生當前課程的詳細信息以及一個包含課程列表的課程下拉菜單。如何在使用jquery的文本輸入中顯示正確的數據

<form action='editstudent.php' method='post' id='studentForm'> 
<p><strong>Students:</strong> <select name="student" id="studentsDrop"> 
<option value="">Please Select</option> 
<option value='38'>u0495333 - Jack smith</option> 
<option value='1'>u0867587 - Mayur Patel</option> 
<option value='36'>u0867588 - paul smith</option> 
</select> </p> 
<div id='targetdiv'></div> 
</form> 


    <form id='editForm'> 

     <p><strong>Current Student Details</strong></p> 
     <table> 
<tr> 
<th></th> 
<td><input type='hidden' id='currentStudentId' name='StudentIdcurrent' value='' /> </td> 
</tr> 

     <tr> 
     <th>Course:</th> 
     <td><input type='text' id='currentStudentCourse' name='StudentCoursecurrent' readonly='readonly' value=''/> </td> 
     </tr> 
     </table> 

     <p><strong>New Student Details</strong></p> 
     <table> 
<tr> 
<th></th> 
<td><input type='hidden' id='newStudentId' name='StudentIdNew' value='' /> </td> 
</tr> 
     <tr> 
     <th valign='top'>Course:</th> 
     <td id='datacourse' valign='top'><select name="courses" id="newStudentCourse"> 
    <option value="">Please Select</option> 
    <option value='1'>INFO101 - Bsc Information Communication Technology</option> 
    <option value='2'>INFO102 - Bsc Computing</option> 
    <option value='8'>INFO103 - Business and Finance</option> 
    <option value='7'>INFO104 - English</option> 
    <option value='9'>INFO107 - Mathematics and Stats</option> 
    <option value='16'>INFO120 - Science</option> 
    </select> 
     <div id='studentCourseAlert'></div></td> 
     </tr> 
     </table> 

     </form>

現在與它下面會顯示在文本輸入過程號和課程名稱，並從下拉菜單中couses名單由loacating過程中的id選擇學生的課程代碼。

$(document).ready(function(){ 

    var studentinfo = [{"StudentId":1,"CourseId":19,"CourseNo":"BIO234","CourseName":"Biology"}, 
{"StudentId":38, "CourseId":1,"CourseNo":"INFO101","CourseName":"Bsc Information Communication Technology"}, 
{"StudentId":36, "CourseId":8,"CourseNo":"INFO103","CourseName":"Business and Finance"} ]; 

    $('#studentsDrop').change(function(){ 

    var studentId = $(this).val(); 

     if (studentId !== '') { 
    for (var i = 0, l = studentinfo.length; i < l; i++) 
    { 
    if (studentinfo[i].StudentId == studentId) { 


    var currentcourse = $('#currentStudentCourse').val(studentinfo[i].CourseNo + " - " + studentinfo[i].CourseName); 
    var newcourse = $('#newStudentCourse').val(studentinfo[i].CourseId); 

    $('.courses').val(newcourse); 

    break;  
    } 
    } 
    } 

    }); 

});

我的問題是在下面。我想更新txt輸入，以便顯示新的課程詳細信息。但是，我似乎無法弄清楚，如果不是在文本輸入中顯示課程編號和課程名稱，而是將更新課程的ID顯示在文本輸入中。現在我知道它爲什麼這樣做，因爲jQuery("#currentStudentCourse").val(newStudentCourse);將在文本輸入中顯示課程id值。但我的問題是，如何使用課程編號來查找編號的課程編號和課程名稱，以便我可以在更新後的文本輸入中顯示課程編號和課程名稱？

function submitform() {  

$.ajax({ 
type: "POST", 
url: "updatestudent.php", 
data: $('#editForm').serialize(), 
success: function(html){ 

var newStudentCourse = jQuery("#newStudentCourse").val(); 

jQuery("#currentStudentCourse").val(newStudentCourse); 


} 
});   
}

UPDATE：

這裏是一個application，您可以選擇學生，然後碧新的課程並提交。你會在當前課程文本輸入中看到它變成了一個數字，這是課程ID。的jsfiddle也有同樣的代碼在此的jsfiddle：http://jsfiddle.net/Dst4Q/6/

來源

2012-12-30 user1914374

又忘了張貼的樣本數據......因爲詢問如何使用它得到你想要的信息。 ..have能夠看到它 – charlietfl

@charlietfl我將得到一個小提琴，只是給我一些時間來編譯小提琴 – user1914374

@charlietfl這是一個[應用]（http://helios.hud.ac.uk/ u0867587/Mobile_app/Text9.php）你可以選擇一個學生，然後選擇一門新課程並提交。你會在當前課程文本輸入中看到它變成了一個數字，這是課程ID。包含相同代碼的Jsfiddle在這個jsfiddle中：http://jsfiddle.net/Dst4Q/6/ – user1914374

您應該能夠從

$("#newStudentCourse option:selected").text()

來源

2012-12-31 00:39:41 ic3b3rg

如何在使用jquery的文本輸入中顯示正確的數據

回答

相關問題