javascript - フォーム送信時に Html.Beginform() の属性を変更する方法

Question

私はこれまでのところこれを持っています：

 <% foreach (Object object in Collection)
 {
     u<% using (Html.BeginForm("ActionName", "Controller", new { FU = "bar" }, FormMethod.Post, new { ID = "MyID"}))
      {%>
        <input type="submit" value="Submit" />
      <%}
 } %>

 $('#MyID').submit(function() {
     var url = Url.Action("ActionName", "ControllerName");
     var fu = "newValueOfFU"; // New value for FU
     $('#MyID').prop('action', url + "?FU=" + fu);
 });

jQueryからの値でFUの値を変更したい

Answer 1

<script type="text/javascript">
$(document).ready(function () {

    $('#formID').submit(function (e) {
        e.preventDefault();
         $('#yourOtherID').attr(newValue);
    });

});
</script>

Answer 2

次のjQueryコードを使用できます

$('form').submit(function(){
   $(this).attr('ID', newVal);
});

または、次のようにフォームにIDを割り当てることができます

using (Html.BeginForm("ActionName", "Controller", FormMethod.Post, new { @id = "myForm", FU = "Hello" }))

それを使用して、送信時にイベントをフックします

$('#myForm').submit(function(){
       $(this).attr('ID', newVal);
    });

Answer 3

HTMLAttributes に onSubmit イベント ハンドラーを追加し、その ID を変更できます。

<% using (Html.BeginForm("ActionName", "Controller", new { ID = "Hello", onsubmit = "return changeID();"  }, FormMethod.Post))
           {%>
        <input type="submit" value="Submit" />
        <%} %>

そして、次のスクリプトをページのどこかに追加します。

<script type="text/javascript">
    function changeID() {
           document.getElementById('Hello').id  = 'Your_New_Value';         

           return true;
    }
</script>