Cho các lớp và phương thức hành động của bộ điều khiển sau:

public School
{
  public Int32 ID { get; set; }
  publig String Name { get; set; }
  public Address Address { get; set; }
}

public class Address
{
  public string Street1 { get; set; }
  public string City { get; set; }
  public String ZipCode { get; set; }
  public String State { get; set; }
  public String Country { get; set; }
}

[Authorize(Roles = "SchoolEditor")]
[AcceptVerbs(HttpVerbs.Post)]
public SchoolResponse Edit(Int32 id, FormCollection form)
{
  School school = GetSchoolFromRepository(id);

  UpdateModel(school, form);

  return new SchoolResponse() { School = school };
}

Và hình thức sau:

<form method="post">
  School: <%= Html.TextBox("Name") %><br />
  Street: <%= Html.TextBox("Address.Street") %><br />
  City:  <%= Html.TextBox("Address.City") %><br />
  Zip Code: <%= Html.TextBox("Address.ZipCode") %><br />
  Sate: <select id="Address.State"></select><br />
  Country: <select id="Address.Country"></select><br />
</form>

Tôi có thể cập nhật cả phiên bản Trường học và thành viên Địa chỉ của trường. Điều này là khá tốt đẹp! Cảm ơn nhóm ASP.NET MVC!

Tuy nhiên, làm cách nào để sử dụng jQuery để chọn danh sách thả xuống để tôi có thể điền trước nó? Tôi nhận ra rằng tôi có thể làm phía máy chủ này nhưng sẽ có các yếu tố động khác trên trang ảnh hưởng đến danh sách.

Sau đây là những gì tôi có cho đến nay và nó không hoạt động vì các bộ chọn dường như không khớp với ID:

$(function() {
  $.getJSON("/Location/GetCountryList", null, function(data) {
    $("#Address.Country").fillSelect(data);
  });
  $("#Address.Country").change(function() {
    $.getJSON("/Location/GetRegionsForCountry", { country: $(this).val() }, function(data) {
      $("#Address.State").fillSelect(data);
    });
  });
});

Từ các nhóm Google :

Sử dụng hai dấu gạch chéo ngược trước mỗi ký tự đặc biệt.

Dấu gạch chéo ngược trong bộ chọn jQuery thoát khỏi ký tự tiếp theo. Nhưng bạn cần hai trong số chúng vì dấu gạch chéo ngược cũng là ký tự thoát cho chuỗi JavaScript. Dấu gạch chéo ngược đầu tiên thoát khỏi dấu gạch chéo thứ hai, cung cấp cho bạn một dấu gạch chéo ngược thực tế trong chuỗi của bạn - sau đó thoát ký tự tiếp theo cho jQuery.

Vì vậy, tôi đoán bạn đang nhìn

$(function() {
  $.getJSON("/Location/GetCountryList", null, function(data) {
    $("#Address\\.Country").fillSelect(data);
  });
  $("#Address\\.Country").change(function() {
    $.getJSON("/Location/GetRegionsForCountry", { country: $(this).val() }, function(data) {
      $("#Address\\.State").fillSelect(data);
    });
  });
});

Ngoài ra hãy xem Làm cách nào để tôi chọn một phần tử bằng ID có các ký tự được sử dụng trong ký hiệu CSS? trên Câu hỏi thường gặp về jQuery.

Bạn không thể sử dụng bộ chọn id jQuery nếu id chứa khoảng trắng. Sử dụng bộ chọn thuộc tính:

$('[id=foo bar]').show();

Nếu có thể, hãy xác định loại phần tử là tốt:

$('div[id=foo bar]').show();

Thoát khỏi nó cho Jquery:

function escapeSelector(s){
    return s.replace( /(:|\.|\[|\])/g, "\\$1" );
}

ví dụ sử dụng:

e.find('option[value='+escapeSelector(val)+']')

thêm thông tin ở đây .

Ứng cử viên phát hành ASP.NET MVC vừa được phát hành đã khắc phục sự cố này, giờ đây nó thay thế các dấu chấm bằng dấu gạch dưới cho thuộc tính ID.

<%= Html.TextBox("Person.FirstName") %>

Hiển thị

<input type="text" name="Person.FirstName" id="Person_FirstName" />

Để biết thêm thông tin, xem ghi chú phát hành, bắt đầu từ trang 14.

Điều này được ghi lại trong các tài liệu jQuery Selector :

Để sử dụng bất kỳ ký tự meta nào (chẳng hạn như !"#$%&'()*+,./:;<=>?@[\]^`{|}~) như một phần nghĩa đen của tên, nó phải được thoát bằng hai dấu gạch chéo ngược : \\. Ví dụ, một phần tử với id="foo.bar", có thể sử dụng bộ chọn $("#foo\\.bar").

Nói tóm lại, tiền tố .với \\như sau:

$("#Address\\.Country")

Tại sao .ID của tôi không hoạt động?

Vấn đề là .có ý nghĩa đặc biệt, chuỗi sau đây được hiểu là một bộ chọn lớp. Vì thế$('#Address.Country') sẽ phù hợp <div id="Address" class="Country">.

Khi thoát dưới dạng \\., dấu chấm sẽ được coi là văn bản bình thường không có ý nghĩa đặc biệt, phù hợp với ID bạn mong muốn<div id="Address.Country"> .

Điều này áp dụng cho tất cả các ký tự !"#$%&'()*+,./:;<=>?@[\]^`{|}~có ý nghĩa đặc biệt như một bộ chọn trong jQuery. Chỉ cần trả trước\\ để coi chúng như văn bản bình thường.

Tại sao 2 \\ ?

Như đã lưu ý trong câu trả lời của bdukes, có một lý do chúng ta cần 2 \ký tự. \sẽ thoát khỏi ký tự sau trong JavaScript. Khi JavaScript diễn giải chuỗi "#Address\.Country", nó sẽ thấy \, giải thích nó có nghĩa là lấy ký tự sau một cách xả rác và loại bỏ nó khi chuỗi được truyền vào làm đối số $(). Điều đó có nghĩa là jQuery vẫn sẽ thấy chuỗi như"#Address.Country" .

Đó là nơi thứ hai \đến chơi. Cái đầu tiên bảo JavaScript diễn giải cái thứ hai là một ký tự (không đặc biệt). Điều này có nghĩa là thứ hai sẽ được jQuery nhìn thấy và hiểu rằng sau đây . ký tự là ký tự chữ.

Phù! Có lẽ chúng ta có thể hình dung điều đó.

//    Javascript, the following \ is not special.
//         | 
//         |
//         v    
$("#Address\\.Country");
//          ^ 
//          |
//          |
//      jQuery, the following . is not special.

Sử dụng hai dấu gạch chéo ngược, nó có thể hoạt động được. Nhưng nếu bạn đang sử dụng một tên động, ý tôi là, một tên biến, bạn sẽ cần thay thế các ký tự.

Nếu bạn không dùng bát để thay đổi tên biến, bạn có thể làm điều này:

var variable="namewith.andother";    
var jqueryObj = $(document.getElementById(variable));

và hơn bạn có đối tượng jquery của bạn.

Chỉ cần thêm thông tin: Kiểm tra vấn đề ASP.NET MVC # 2403 này .

Cho đến khi sự cố được khắc phục, tôi sử dụng các phương thức tiện ích mở rộng của riêng mình như Html.TextBoxFixed, v.v. chỉ đơn giản là thay thế dấu chấm bằng dấu gạch dưới trong thuộc tính id (không phải trong thuộc tính tên), để bạn sử dụng jquery như $ ("# address_Street") nhưng trên máy chủ, nó giống như Địa chỉ .Street.

Mã mẫu sau:

public static string TextBoxFixed(this HtmlHelper html, string name, string value)
{
    return html.TextBox(name, value, GetIdAttributeObject(name));
}

public static string TextBoxFixed(this HtmlHelper html, string name, string value, object htmlAttributes)
{
    return html.TextBox(name, value, GetIdAttributeObject(name, htmlAttributes));
}

private static IDictionary<string, object> GetIdAttributeObject(string name)
{
    Dictionary<string, object> list = new Dictionary<string, object>(1);
    list["id"] = name.Replace('.', '_');
    return list;
}

private static IDictionary<string, object> GetIdAttributeObject(string name, object baseObject)
{
    Dictionary<string, object> list = new Dictionary<string, object>();
    list.LoadFrom(baseObject);
    list["id"] = name.Replace('.', '_');
    return list;
}

Tôi đã giải quyết vấn đề bằng giải pháp được đưa ra bởi các tài liệu jquery

Chức năng của tôi:

//funcion to replace special chars in ID of  HTML tag

function jq(myid){


//return "#" + myid.replace( /(:|\.|\[|\]|,)/g, "\\$1" );
return myid.replace( /(:|\.|\[|\]|,)/g, "\\$1" );


}

Lưu ý: tôi xóa "#" vì trong mã của tôi, tôi ghép ID với văn bản khác

Phông chữ: Jquery Docs chọn phần tử có ký tự đặc biệt