javascript - JS 不更新文本框

Question

我将以下 JS 嵌入到 aspx 文件中。目的是获取TextBoxAirportPkup框中的航类标识，调用FlightAware，并在TextBoxAirportName文本框中写入目的地机场。

<div class="rows">
    <div class="inputbtnholder">
        <script type="text/javascript">
           var fxml_url = ....
           $(document).ready(function () {
                $('#FlightPickupBtn').click(function () {
                    $.ajax({
                    type: 'GET',
                    url: fxml_url + 'FlightInfoEx',
                    data: { 'ident': $('#TextBoxAirportPkup').val(), 'howMany': 1, 'offset': 0 },
                    success: function (result) {
                        var flight = result.FlightInfoExResult.flights[0];
                    $('#TextBoxAirportName').html(flight.origin);
                },
                 error: function(data, text) { alert('Failed to fetch flight: ' + data); },
                 dataType: 'jsonp',
                 jsonp: 'jsonp_callback',
                 xhrFields: { withCredentials: true }
             });
         });
     });
     </script>
     <asp:TextBox class="input1" ID="TextBoxAirportPkup" placeholder="Enter Flight Number" runat="server"></asp:TextBox>
     <div id="FlightPickupBtn" class="imgbtn searchbtn"></div>
 </div>
</div>
<div class="rows">
   <div class="inputbtnholder">
      <asp:TextBox class="input1 " ID="TextBoxAirportName" placeholder="Airport" runat="server" />
      <div id="airport_search" class="imgbtn searchbtn"></div> 
   </div>

我可以使用 Chrome DevTools 中的 JS 调试器逐步完成该过程。不会引发错误，但文本框不会更新。我怀疑调用 $('#TextBoxAirportName').html(flight.origin) 时出现语法错误，但 JS 不是我的强项。任何人都可以识别错误吗？

Answer 1

jQuery .html(aValue) 设置元素的 HTML(对输入字段没有任何作用)。您可能需要设置输入的值:

$("#TextBoxAirportName").val(flight.origin)