Code Web Làm Với Jquery Không Chạy - Programming - Dạy Nhau Học Trang chủ » Câu Lệnh Val Trong Jquery » Code Web Làm Với Jquery Không Chạy - Programming - Dạy Nhau Học Có thể bạn quan tâm Câu Lệnh Var X Byte Dùng để Làm Gì Câu Lệnh Vba Trong Powerpoint Câu Lệnh Về Gốc Máy Cnc Câu Lệnh Vẽ Hình Elip Trong Logo Câu Lệnh Vẽ Hình Tròn Trong Logo Code web làm với jquery không chạy programming jquery H_u_Ch December 21, 2021, 5:07am #1 Bài tập web làm với jquery nhưng không chạy mọi người xem giúp với Hãy tạo trang web có giao diện như dưới đây, khi nhập một từ tiếng Anh vào trong ô textbox, bấm nút Kiểm tra sẽ thực hiện kiểm tra xem từ đó có trong danh sách bên cạnh không, nếu không có thì thêm vào; nếu có thì báo đó là mục số mấy và hỏi có xóa mục đó trong danh sách không, nếu trả lời có thì xóa mục đó, nếu không thì bỏ qua. <html> <head> <meta charset="UTF-8"> <title> Exam 1</title> <script language="javascript" src="http://code.jquery.com/jquery-2.1.4.min.js"></script> <style> select { width: 150px; } </style> </head> <body> <div align="center"> <form name="form1"> <table> <tr align="right"> <td valign="top"> Nhập một từ Tiếng Anh <br> <input type="text" size="30px" name="abc" id="inputString"> <br> <input type="button" id="view" value="Kiểm tra"> </td> <td> <select size="10" id="select1"> </select> </td> </tr> </table> </form> </div> <script> $("#view").click(function() { var boxLength = $("#select1").length; var inputString = $("#inputString").value; if (inputString == "") { alert("Không được để trống -_-"); } else { if (checkExist(inputString) == 1) { var newOption = new Option(inputString, inputString); $("#select1").options[boxLength] = newOption; } else { var cf = confirm("Tu " + inputString + " đã tồn tại ở vị trí " + checkPos(inputString) + " bạn muốn xóa không?"); if (cf == true) { $("#select1").remove(checkPos(inputString)); } } $("#inputString").value = ""; } }); function checkExist(inputString) { var boxLength = $("#select1").length; for (var i = 0; i < boxLength; i++) { if ($("#select1").options[i].text == inputString) { return 0; } } return 1; } function checkPos(inputString) { var boxLength = $("#select1").length; for (var i = 0; i < boxLength; i++) { if ($("#select1").options[i].text == inputString) { return i; } } return 0; } </script> </body> </html> ILOVEPRO (I LOVE CODE) October 8, 2015, 5:33am #2 bạn thiếu $(document).ready(function(){}) bạn nhé. bạn tham khảo cái này nhé $(document).ready(function(){ $("p").click(function(){ $(this).hide(); }); }); H_u_Ch October 8, 2015, 5:33am #3 mình nghĩ $(document).ready(function(){}) chỉ là load xong web thì mới thực hiện câu lệnh bên trong ? Mà mình thay vào cũng không chạy được . leHoai (Le Hoai) October 8, 2015, 4:17am #4 Không select được như thế này bạn nhé. $("#select1").options Thay lệnh này bằng var options= $("#select1").children(); Gio (Gió) October 8, 2015, 6:32am #5 Các selector của jQuery sẽ trả về 1 Array nên lấy theo id sẽ có dạng result =$("id")[0]; var inputString = $("#inputString")[0].value; ... select1=$("#select1")[0].... Sửa lại <html> <head> <meta charset="UTF-8"> <title> Exam 1</title> <script language="javascript" src="http://code.jquery.com/jquery-2.1.4.min.js"></script> <style> select { width: 150px; } </style> </head> <body> <div align="center"> <form name="form1"> <table> <tr align="right"> <td valign="top"> Nhập một từ Tiếng Anh <br> <input type="text" size="30px" name="abc" id="inputString"> <br> <input type="button" id="view" value="Kiểm tra"> </td> <td> <select size="10" id="select1"> </select> </td> </tr> </table> </form> </div> <script> $("#view").click(function() { var boxLength = $("#select1")[0].length; var inputString = $("#inputString")[0].value; if (inputString == "") { alert("Không được để trống -_-"); } else { if (checkExist(inputString) == 1) { var newOption = new Option(inputString, inputString); $("#select1")[0].options[boxLength] = newOption; } else { var cf = confirm("Tu " + inputString + " đã tồn tại ở vị trí " + checkPos (inputString) + " bạn muốn xóa không?"); if (cf == true) { $("#select1")[0].remove(checkPos(inputString)); } } $("#inputString")[0].value = ""; } }); function checkExist(inputString) { var boxLength = $("#select1")[0].length; for (var i = 0; i < boxLength; i++) { if ($("#select1")[0].options[i].text == inputString) { return 0; } } return 1; } function checkPos(inputString) { var boxLength = $("#select1")[0].length; for (var i = 0; i < boxLength; i++) { if ($("#select1")[0].options[i].text == inputString) { return i; } } return 0; } </script> </body> </html> 2 Likes H_u_Ch October 8, 2015, 5:09am #6 ok rồi tks mọi người H_u_Ch October 8, 2015, 6:02am #7 tại sao result =$(“id”)[0]; lại là [0] mà không phải là 1 số khác ? DayNhauHoc's Discord Học C++ Free? Click Blog Dạy Nhau Học Tự Học Lập Trình 83% thành viên diễn đàn không hỏi bài tập, còn bạn thì sao? Từ khóa » Câu Lệnh Val Trong Jquery .val() | Hàm JQuery | Tham Khảo JQuery | Học Web Chuẩn Phương Thức Val() Trong JQuery | Lấy Giá Trị Thuộc Tính Value Của ... .val() Trong JQuery - Hoclaptrinh JQuery: Val() Method | V1Study Sự Khác Biệt Giữa Val () Và Text () - HelpEx Jquery .val () + = Thành Ngữ - HelpEx - Trao đổi & Giúp đỡ JQuery Cơ Bản - Viblo JQuery Selector - Viblo Một Số Câu Lệnh Jquery Thường Dùng - FCWordpress .val() | JQuery API Documentation Tài Liệu Tìm Hiểu JQuery Dành Cho Người Mới Bắt đầu - SlideShare Parent Find Input Value Js? How To Get The Parent Element Value ... JQuery Căn Bản - JQuery Selectors - ThachPham Cách Lấy Giá Trị đã Chọn Trong Hộp Chọn (Select) Bằng JQuery
83% thành viên diễn đàn không hỏi bài tập, còn bạn thì sao?