>source

선택 상자가 있습니다. 선택한 옵션은 ajax와 함께 서버 측 스크립트로 전송됩니다. 이것은 잘 작동합니다.

선택 상자

<select id="main_select">
    <option selected="selected">50</option>
       <option value="40">40</option>
       <option value="30">30</option>
       <!-- other options -->
</select>

.change 함수를 기본값으로 확장하려면 어떻게해야합니까? <option selected="selected">50</option> 페이지로드와 함께 자동으로 전송됩니다.

스크립트:

$(document).ready(function () {
    $('#main_select').change(function () {
           $.ajax({
               url: "itemscript.php",
               type: "post",
               data: {option: $(this).find("option:selected").val()},
               success: function(data){
                   $("#details").html(data);
               }
           });
       });
});


  • 답변 # 1

    그냥 트리거 change 페이지가로드 될 때 이벤트입니다.

    $(document).ready(function() {
      $('#main_select').change(function() {
        $.ajax({
          url: "itemscript.php",
          type: "post",
          data: {
            option: $(this).val()
          },
          success: function(data) {
            $("#details").html(data);
          }
        });
      }).change();
    });
    
    

    또한 사용할 수 있습니다 $(this).val() , 선택한 옵션의 값을 가져옵니다.

  • 이전 Resolver가 Angular에서 구성 요소를로드하기 위해 Firestore의 데이터를 반환하지 않음
  • 다음 html - 아마존 제휴 링크 스타일링