폼 작업을 변경하기 위한 Jquery

폼 작업을 변경하기 위한 Jquery

양식에 두 개의 단추가 있고 두 개의 다른 페이지를 클릭할 때 호출해야 합니다.button1을 클릭하면 page1이 로드되고 button2를 클릭하면 page2가 로드됩니다.저는 자바스크립트로 이것을 하는 방법을 알고 있지만, 저는 이것을 하는 방법에 대한 단서가 없습니다.누가 나를 도와줄 수 있나요?

사용해 보십시오.

$('#button1').click(function(){
   $('#formId').attr('action', 'page1');
});


$('#button2').click(function(){
   $('#formId').attr('action', 'page2');
});

jQuery는 단지 자바스크립트일 뿐이니, 그것에 대해 크게 다르게 생각하지 마세요!'일반' JS에서와 마찬가지로 버튼에 이벤트 수신기를 추가하고 양식의 작업 속성을 변경합니다.jQuery에서는 다음과 같이 표시됩니다.

$('#button1').click(function(){
   $('#your_form').attr('action', 'http://uri-for-button1.com');
});

이 코드는 두 번째 단추와 동일하며, 양식을 제출해야 하는 단추의 ID와 URI만 변경하면 됩니다.

사용하다jQuery.attr()클릭 핸들러에서:

$("#myform").attr('action', 'page1.php');

다음 답변을 참조하십시오. https://stackoverflow.com/a/3863869/2096619

Tamlin의 말을 인용합니다.

"action"이라는 이름의 폼 요소가 있으면 jQuery(1.4.2)가 혼동됩니다.DOM 속성 메소드를 사용하여 이 문제를 해결하거나 "action"이라는 이름의 폼 요소를 사용하지 않도록 할 수 있습니다.

<form action="foo">
  <button name="action" value="bar">Go</button>
</form>

<script type="text/javascript">
  $('form').attr('action', 'baz'); //this fails silently
  $('form').get(0).setAttribute('action', 'baz'); //this works
</script>

다양성을 위해:

var actions = {input1: "action1.php", input2: "action2.php"};
$("#input1, #input2").click(function() {
    $(this).closest("form").attr("action", actions[this.id]);
});

$('#button1').click(function(){
$('#myform').prop('action', 'page1.php');
});

폼의 작업 값을 동적으로 변경하려면 아래 코드를 사용해 보십시오.

아래 코드는 당신이 일부 대화상자를 열고 있고 그 대화상자 안에 당신이 양식을 가지고 있고 당신이 그것의 동작을 변경하기를 원하는 경우입니다.Bootstrap 대화상자를 사용했고 대화상자를 열면 양식에 작업 값을 할당합니다.

$('#your-dailog-id').on('show.bs.modal', function (event) {
    var link = $(event.relatedTarget);// Link that triggered the modal
    var cURL= link.data('url');// Extract info from data-* attributes
    $("#delUserform").attr("action", cURL);
});

일반 페이지에서 양식 작업을 변경하려는 경우 아래 코드를 사용합니다.

$("#yourElementId").change(function() { 
  var action = <generate_action>;
  $("#formId").attr("action", action);
});

언급URL : https://stackoverflow.com/questions/5451600/jquery-to-change-form-action