Làm cách nào để thêm tùy chọn vào danh sách thả xuống bằng jQuery?

Question

Tôi đang cố gắng sử dụng mã sau để thêm tùy chọn vào danh sách thả xuống trong ASP.NET. Bất kỳ ý tưởng tại sao điều này không hoạt động? Tôi đã thử Googling nhưng không thể tìm ra lý do tại sao điều này sẽ không hoạt động.

Mã làm gì? Tôi có một danh sách thả xuống ASP.NET. Tôi muốn truy cập danh sách thả xuống theo tên và thêm một mục vào danh sách. Mục phải có văn bản mô tả của "Một số văn bản" và giá trị là "123".

Cảm ơn!

$("#ddlCategory").append($("<option>Some Text</option>").val(1).html("123")); 

Answer 1

var newOption = "<option value='"+"1"+"'>Some Text</option>"; 
$("#ddlCategory").append(newOption); 

Answer 2

Bạn có thể thử

$("#ddlCategory").append($("<option value='123'>Some Text</option>"); 

Hoặc

$('#ddlCategory'). 
     append($("<option></option>"). 
     attr("value", "123"). 
     text("Some Text")); 

đoạn mã thứ 2 từ câu hỏi này What is the best way to add options to a select from an array with jQuery?

Answer 3

Bạn đã kiểm tra rằng 1) jquery bạn là chính xác và làm việc tại một tệp HTML phẳng và 2) mà bạn đang sử dụng Id chính xác - các thay đổi ASP.NET Id tự động o n yếu tố runat = "máy chủ", vì vậy bạn có thể muốn thử:

$('#<%=ddlCategory.ClientID%>').append(...etc etc 

Điều đó sẽ giúp bạn lấy Id chính xác từ lớp trang ASP.NET.

Answer 4

gì nếu bạn thay đổi nó để

$("#ddlCategory").append($("<option></option>").attr("value", "1").text("Some Text")); 

Answer 5

Đang cố gắng để thêm tùy chọn vào một danh sách thả xuống ASP.Net với mã client-side là một ý tưởng tồi. Nó giới thiệu tất cả các loại vấn đề postback. Xem this link để biết thêm chi tiết. Bạn nên điền vào trình đơn thả xuống hoàn toàn phía máy khách hoặc kích hoạt một phần postback để điền vào danh sách.