刪除jQuery自動完成值時刪除隱藏值字段

Question

我確實有一個jQuery UI自動完成功能，顯示公司名稱和隱藏文本框我得到CompanyNumber（我工作的公司使用的特殊ID來標識每個公司），一切工作正常，它檢索並顯示公司名稱，並在隱藏字段中獲取適當的CompanyNumber ...但

問題：當用戶刪除公司的名稱時，隱藏字段中的companyNumber值仍然存在，我也希望它消失，怎麼能實現呢？請幫忙嗎？

這是我的jQuery代碼和兩個字段

<script type="text/javascript"> 
     $(document).ready(function() { 
      $("#SearchString").autocomplete({ 
       source: function (request, response) { 
        $.ajax({ 
         url: '@Url.Action(actionName: "autocompletar", controllerName: "Borrar")', 
         type: "GET", 
         dataType: "json", 
         data: { prefix: request.term }, 
         success: function (data) { 
          response($.map(data, function (item) { 
           return { value: item.np, label: item.empresa }; 
          })) 
         } 
        }) 
       }, 
       select: function (event, ui) { 
        if (ui.item) { 
         $("#numeroPatronal").val(ui.item.value); 
         $("#SearchString").val(ui.item.label); 
         event.preventDefault(); 
         return false; 
        } 
       }, 
       focus: function (event, ui) { 
        $("#numeroPatronal").val(ui.item.value); 
        // $("#txtmasterserach").val(ui.item.label); 
        event.preventDefault(); 
        return false; 
       }, 
       messages: { 
        noResults: "", results: "" 
       }, 
       error: function (response) { 
        alert("Error" + res.responseText); 
       } 
      }); 
     }); 
    </script> 



<div class="container col-md-10 col-md-offset-3"> 
     @using (Html.BeginForm()) 
     { 
     <p> Empresa: @Html.TextBox("SearchString") </p> 
     <p> Número Patronal: @Html.TextBox("numeroPatronal") </p> 
    <input type="submit" value="submit" /> 
     } 
    </div> 

首先我從自動完成字段中選擇所需的公司

一旦公司名稱已被選中，並與因填寫信息的companyNumber場（這兩個字段有信息，但我剛剛刪除，因爲它是非公開的）

但如果我從自動完成文本中刪除公司名稱箱公司的CompanyNumber只是刪除reamins，我希望它自敗也

jQuery函數

$('#SearchString').on('input', function() { 
       if (!$('#SearchString').val()) { 
        $('#numeroPatronal').val(''); 
       } 
      }) 

Answer 1

這個例子應該可以幫助你，因爲我看不到你的HTML代碼，只需把將不同的id添加到您的輸入中，然後將第一個輸入爲input的事件添加到第一個輸入，當第一個輸入爲空時，也會清空第二個輸入。

$(document).ready(function() { 
 

 
    $('#input1').on('input', function() { 
 
    if (!$('#input1').val()) { 
 
     $('#input2').val(''); 
 
    } 
 
    }) 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<div>Input 1: <input id="input1" value="11111"></div> 
 
<div>Input 2: <input id="input2" value="22222"></div>