站內搜尋

Friday, June 6, 2014

[jQuery] select 自動選擇第一個 option

$("select[name='myselect']").on("change", function() {
  var xxx = $("#xxx").val();
  if(!xxx){
   alert('請先填寫xxx');
    $("option:first", this).prop("selected", true);
  }
}

如果是要控制其他的 select ,則更簡單
$("select[name='myselect']").on("change", function() {
  var xxx = $("#xxx").val();
  if(!xxx){
   alert('請先填寫xxx');
    $("select[name='other'] option:first").prop("selected", true);
  }
}

還有一種更簡單的方式,直接針對select控制
$("select[name='myselect']").prop('selectedIndex', 0);

No comments:

Post a Comment