ফর্ম ক্রিয়া পরিবর্তন করতে jquery


117

আমার একটি ফর্মে দুটি বোতাম রয়েছে এবং ক্লিক করার সময় দুটি পৃথক পৃষ্ঠা কল করতে হবে। যখন বাটন 1 ক্লিক করা হয় তখন পৃষ্ঠা 1 অবশ্যই লোড করা হবে এবং যখন বাটন 2 ক্লিক করা হবে তখন পৃষ্ঠা 2 অবশ্যই লোড করা উচিত। আমি জাভাস্ক্রিপ্টে এটি কীভাবে করব তা জানি তবে jquery এ এটি কীভাবে করা যায় সে সম্পর্কে আমার কোনও ধারণা নেই any কেউ আমাকে সাহায্য করতে পারেন?

উত্তর:


181

এটা চেষ্টা কর:

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


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

28

jQuery হ'ল জাভাস্ক্রিপ্ট, এটি সম্পর্কে খুব আলাদাভাবে চিন্তা করবেন না! আপনি 'সাধারণ' জেএস-এর মতোই করেন, আপনি বোতামগুলিতে ইভেন্ট শ্রোতাদের যুক্ত করে ফর্মটির ক্রিয়া বৈশিষ্ট্য পরিবর্তন করেন। JQuery এ এটির মতো কিছু দেখাচ্ছে:

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

এই কোডটি দ্বিতীয় বোতামের জন্য একই, আপনার ফর্মটি যেখানে জমা দিতে হবে সেখানে কেবল আপনার বোতামের আইডি এবং ইউআরআই পরিবর্তন করতে হবে।



14

বিভিন্নতার জন্য:

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

14

দয়া করে, এই উত্তরটি দেখুন: https://stackoverflow.com/a/3863869/2096619

তামিলিনের উদ্ধৃতি :

jQuery (1.4.2) আপনার যদি "ক্রিয়া" নামে কোনও ফর্ম উপাদান থাকে তবে বিভ্রান্ত হয়ে পড়ে। আপনি ডিওএম বৈশিষ্ট্য পদ্ধতি ব্যবহার করে এটি পেতে পারেন বা "ক্রিয়া" নামক ফর্ম উপাদানগুলি এড়াতে পারবেন।

<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>


0

রূপের ক্রিয়া মূল্য পরিবর্তনশীল করতে, আপনি নীচের কোড চেষ্টা করতে পারেন:

নীচের কোডটি হ'ল যদি আপনি কিছু ডেইলগ বক্স খুলছেন এবং সেই ডেইলগ বাক্সের ভিতরে আপনার ফর্ম রয়েছে এবং আপনি এটির ক্রিয়া পরিবর্তন করতে চান। আমি বুটস্ট্র্যাপ ডাইলগ বক্স ব্যবহার করেছি এবং সেই ডেইলগ বক্সটি খোলার সময় আমি ফর্মটিতে অ্যাকশন মান নির্ধারণ করছি।

$('#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);
});
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.