獲取最近輸入 Jquery 的值

Question

當我點擊 id save_newsection 時，我需要 class school_name 的值表示學校名稱

<div class="school_form_submit">
  <div class="form-group">
    <label class="control-label col-md-3">School Name<span class="required"> * </span>
    </label>
    <div class="col-md-9">
      <input type="text" class="form-control school_name" placeholder="Please Enter School Name" value="dfghdf" name="school_name_submit">
    </div>
  </div>
</div>
<div class="modal-footer">
  <button type="button" class="btn dark btn-outline" data-dismiss="modal">Close</button>
  <button type="button" id="save_newsection" class="btn green">Save changes</button>
</div>
</div>

Answer 1

如果類.school_name只有一個輸入，請使用此

$("#save_newsection").click(function() {
    var value = $("input.school_name").val();
    // use value
});

如果整個文檔中可能有更多的人，請使用以下內容：

$("#save_newsection").click(function() {
    var value = $(".school_form_submit .school_name").val();
    // use value
});

 $("#save_newsection").click(function() { var value = $(".school_form_submit .school_name").val(); alert(value); });

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="school_form_submit"> <div class="form-group"> <label class="control-label col-md-3">School Name <span class="required"> * </span> </label> <div class="col-md-9"> <input type="text" class="form-control school_name" placeholder="Please Enter School Name" value="dfghdf" name="school_name_submit"> </div> </div> </div> <div class="modal-footer"> <button type="button" class="btn dark btn-outline" data-dismiss="modal">Close</button> <button type="button" id="save_newsection" class="btn green">Save changes</button> </div>