Метод HttpPost не публикуется

Question

У меня есть две формы. Каждая форма связана с соответствующим ActionMethod. Сообщения первой формы к соответствующему ActionMethod успешно, но вторая форма вместо публикации в соответствующий ActionMethod, скорее переносятся в First form ActionMethod. Сгенерированный HTML является:

<div id="tabs-ViewBranch"> 
<h2>Districts</h2>  
<p> 
    <a href="/cityDistrict/createDistrict">Create New</a> 
</p> 
<form action="/cityDistrict/deletedDistricts" method="post"><p> 
    <select id="Status" name="Status" onchange=" 
      var form1 = document.forms[0];    
      form1.submit();"><option value="0">Show Active</option> 
<option value="1">Show Deleted</option> 
</select> 
</p> 
</form><table class="table"> 
    <tr> 
     <th> 
      name 
     </th> 
     <th>Actions</th> 
    </tr> 

    <tr> 
     <td> 
      Gujranwala 
     </td> 
     <td> 
      <a href="/cityDistrict/editDistrict/4">Edit</a> | 
      <a href="/cityDistrict/deleteDistrict/4">Delete</a> 
     </td> 
    </tr> 
</table>  
    </div> 
    <div id="tabs-AddBranch"> 
<h2>Cities</h2>  
<p> 
    <a href="/cityDistrict/createCity">Create New</a> 
</p> 
<form action="/cityDistrict/deletedCities" method="post"> <p> 
     <select id="Status" name="Status" onchange=" 
      var form = document.forms[0]; 
      form.submit();"><option value="0">Show Active</option> 
<option value="1">Show Deleted</option> 
</select> 
    </p> 
</form> <table> 
     <tr> 
      <td> 
       No cities exists. 
      </td> 
     </tr> 
    </table>  
    </div> 
</div> 

Все работает отлично для второй формы не размещения на deletedCities и довольно размещения на deletedDistricts за исключением. Может ли кто-нибудь, пожалуйста, направить меня туда, где я ошибаюсь?

Answer 1

Ваша проблема здесь

var form = document.forms[0]; 

Оба события JavaScript вызывают первая форма в документе, который будет представлен, потому что они оба говорят forms[0]. Я бы просто сделать это:

onchange="this.form.submit();" 

this относится к текущему элементу, и каждый элемент формы имеет form свойство, которое находит форму оно принадлежит без указания глобального индекса.

Или еще лучше, определить обработчик событий за пределами HTML (подсказка: JQuery является популярным для этого)