ရွေးချယ်မှု submit

ရွေးချယ်မှု :submit သည် submit အမျိုးအစားရှိပြီး ဖောင်တင်သွင်းခြင်း ခလုတ်များဖြစ်သော အစိတ်အပိုင်းများကို ရွေးချယ်ပေးသည်။ ပုံမှန်အားဖြင့် ရွေးချယ်မှု :submit ကို ခလုတ်များ သို့မဟုတ် ထည့်သွင်းမှုအစိတ်အပိုင်းများနှင့် အသုံးပြုသည်။ ဘရောက်ဇာအချို့က အစိတ်အပိုင်း button ကို [type='submit'] ကို တစ်ပါတည်း ရှိသည်ဟု မှတ်ယူကြသော်လည်း အခြားဘရောက်ဇာများကမူ ဆန့်ကျင်ဘက်ဖြစ်နေတတ်သည်ကို သတိပြုရန်လိုသည်။ အလုပ်လုပ်ပုံ မှန်ကန်စေရန်အတွက် type ဂုဏ်သတ္တိကို အမြဲတမ်း သတ်မှတ်ပေးပါ။ :submit သည် CSS သတ်မှတ်ချက်တွင် ပါဝင်ခြင်းမရှိသောကြောင့် ခေတ်သစ် ဘရောက်ဇာများတွင် စွမ်းဆောင်ရည်ကောင်းမွန်စေရန် [type='submit'] ကို အသုံးပြုသင့်သည်။

ဝါကျဖွဲ့စည်းပုံ

submit အမျိုးအစားရှိသော အစိတ်အပိုင်းများကို ဤသို့ရွေးချယ်သည်။

javascript$(':submit');

ဥပမာ

အထက်တွင်ဖော်ပြထားသော သဘောတရားအတိုင်း submit အမျိုးအစားရှိပြီး td အစိတ်အပိုင်းများ၏ မျိုးဆက်ဖြစ်သော အစိတ်အပိုင်းအားလုံးကို ရွေးချယ်ကြပါစို့။ ထို td များကို css နည်းလမ်းဖြင့် အစိမ်းရောင် နောက်ခံနှင့် အနီရောင် ဘောင်ခြယ်ပေးကြမည်။

html<form>
  <table border="1" cellpadding="10" align="center">
    <tr><th>Element</th></tr>
    <tr><td><input type="button" value="button"></td></tr>
    <tr><td><input type="file"></td></tr>
    <tr><td><input type="password"></td></tr>
    <tr><td><button>button</button></td></tr>
    <tr><td><input type="reset"></td></tr>
    <tr><td><input type="submit"></td></tr>
    <tr><td><input type="radio" name="test"></td></tr>
    <tr><td><input type="checkbox"></td></tr>
    <tr><td><button type="submit">button</button></td></tr>
    <tr><td><input type="text"></td></tr>
  </table>   
</form>

javascript$('td:submit')
  .parent('td')
  .css({background: 'green', border: '2px red solid'})
  .end();

$('form').submit(function(event) {
  event.preventDefault(); // ဖောင်တင်သွင်းခြင်းကို တားဆီးပေးသည်
});

ဆက်လက်လေ့လာရန်