массив внутри скрытого элемента javascript

Question

Я абсолютный javascript noob и использую ASP.net, в моем коде за файлом aspx.cs, я объявил тело веб-документа, используя html-теги, как показано ниже ...

public void CreateForm(string passengerType, int passengerCount) 
    { 
     for (int i = 1; i <= passengerCount; i++) 
     { 
      Response.Write("<table id=NameBirthTable" + passengerType + i + ">"); 
      Response.Write("<tr>"); 
       ... 
      Response.Write("<td colspan=2><input id=MiddleName" + passengerType +i    + "type=text /></td>"); 
       ... 
     } 
    } 

и когда я пытаюсь позвонить по ID элемента, который находится в ид = «MiddleName [passengerType] [я]» я не могу найти его, мне нужно получить значение этого текстового поля и передайте это на другую страницу. Кто-то предложил мне, что я использую javascript и пытаюсь сохранить эти элементы внутри скрытого элемента и добавить это к массиву, объявленному в javascript, я не получил ни одной вещи, которую он сказал, каких-либо альтернативных предложений?

Answer 1

Может быть:

Response.Write("<td colspan=2><input id='MiddleName" + passengerType + i + "' type=text /></td>"); 

Answer 2

При просмотре источника на вашей странице вы, вероятно, увидите:

<td colspan=2><input id=MiddleNameXYZ1> 
<td colspan=2><input id=MiddleNameXYZ2> 
<td colspan=2><input id=MiddleNameXYZ3> 

Другими словами, ваше кодирование не форматировать то, что вы думаете, это должно быть.

Answer 3

Проверьте исходный код ваших сгенерированных документов, чтобы узнать, какой идентификатор генерируется в качестве вывода вашего кода. Имейте в виду, что управление asp.net визуализируется с различными идентификаторами, а затем на стороне сервера ID. Для того, чтобы получить его в яваскрипта функции вам нужно сделать что-то подобное:

function getElement(){ 
    var myEl = document.getElementByID('<%=ControlID.ClientID%>') 
} 

где ControlID находится на стороне сервера ID вас контролировать.

В вашем конкретном случае ControlID не может быть avalaible однако, поэтому он может быть neccesary создать свойство в классе страницы, которая будет содержать элемент управления добавить - например:

class MyPage:Page{ 
    TextBox TextBoxName {get;set;} 

    public void CreateForm(string passengerType, int passengerCount) 
    { 
     TextBoxName = new TextBox(); 
     this.Controls.Add(TextBoxName); 
    } 

} 

Я знаю, что этот код может не соответствовать вашему текущему исполнению, но в целом он должен работать таким образом.

Answer 4

попробовать ниже

public void CreateForm(string passengerType, int passengerCount) 
{ 
    StringBuilder sb = new StringBuilder(); 
    sb.AppendLine("<table id='NameBirthTable" + passengerType + "'>"); 
    for (int i = 1; i <= passengerCount; i++) 
    { 
     sb.AppendLine("<tr>"); 
     sb.AppendLine("<td colspan='2'><input id='MiddleName" + passengerType + i + "' type='text' /></td>"); 
    } 
    sb.AppendLine("</table>"); 
    Response.Write(sb.ToString()); 
} 

Answer 5

На стороне сервера вы можете создать список всех созданных идентификаторов, и выводить их в качестве значения на скрытом поле.

public void CreateForm(string passengerType, int passengerCount) 
{ 
    /* List to hold id values */ 
    List<string> ids = new List<string>(); 

    for (int i = 1; i <= passengerCount; i++) 
    { 
     Response.Write("<table id=NameBirthTable" + passengerType + i + ">"); 
     Response.Write("<tr>"); 
     // ... 
     Response.Write("<td colspan=2><input id=MiddleName" + passengerType +i+ "type=text /></td>"); 
     // ... 

     /* Add newly created input id to list */ 
     ids.Add("MiddleName" + passengerType +i); 
    } 

    /* Output the ids collection to hidden field value */ 
    Response.Write("<input type='hidden' id='hiddenElement' value='" + string.Join(",", ids.ToArray()) + "'></input>"); 
} 

На стороне клиента Javascript вы можете получить все эти идентификаторы из скрытого элемента, перебрать их и получить все созданные элементы ввода

/* Get all ids from hidden element */ 
var ids = document.getElementById('hiddenElement').value.split(','); 
/* Loop through all ids */ 
for (var i = 0; i < ids.length; i++) { 
    var element = document.getElementById(ids[0]); 
    // do something 
}