送信ボタンをクリックすると、テキストボックスの値が消えます

Question

ユーザーが値を選択してすぐに送信ボタンを押すと値が消えるテキストボックスがあります。

<div class="panel-body" ng-repeat="patient in $ctrl.patient | filter:$ctrl.mrd"> 
    <form> 
     <div class="form-group"> 
      <label class="control-label " for="company">Choose the required data</label> 
      <div> 
       <select id="selectSensor" class="form-control"> 
        <option>Select sensor type</option> 
       </select> 
       <select id="selectTime" class="form-control"> 
        <option>Select timestamp</option> 
       </select> 
      </div> 
     </div> 

     <div class="container"> 
      <div class="row"> 

       <a class="btn btn-success" onClick='checkEntry();' 
        href=".#!/patients/{{ patient[0] }}/plot/#" 
        role="button">Show</a> 

      </div> 
     </div> 
    </form> 
</div> 

ここでは、センサータイプの値を入力してからonClick（）に移動します。 [表示]をクリックすると、センサタイプに与えた値が表示されなくなります。

機能がcheckEntryのために以下の通りです

（）

function checkEntry() { 
    typeSelected = $("#selectSensor").val(); 
    timeSelected = $("#selectTime").val(); 
    if (timeSelected != "" && (typeSelected != "")) 
     idValue = 4; 
} 

Answer 1

hrefonclick前にハンドラを実行しようとしているためです。このスニペットでは、私はいくつかの他の値とhref値を交換し、それがonclickの機能は、最初に、onclickの関数内

function checkEntry(e) { 
 
    
 
    typeSelected = $("#selectSensor").val(); 
 
    console.log('1') 
 
    timeSelected = $("#selectTime").val(); 
 
    if (timeSelected != "" && (typeSelected != "")) 
 
    idValue = 4; 
 
return true; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="panel-body" ng-repeat="patient in $ctrl.patient | filter:$ctrl.mrd"> 
 

 

 
    <form> 
 
    <div class="form-group"> 
 
     <label class="control-label " for="company">Choose the required data</label> 
 
     <div> 
 
     <select id="selectSensor" class="form-control"> 
 
           <option>Select sensor type</option> 
 
          </select> 
 
     <select id="selectTime" class="form-control"> 
 
           <option>Select timestamp</option> 
 
          </select> 
 
     </div> 
 

 
    </div> 
 

 
    <div class="container"> 
 
     <div class="row"> 
 

 
     <a class="btn btn-success" onClick='checkEntry();' href="www.google.com" role="button">Show</a> 
 
    </div> 
 
    </div> 
 
    </form> 
 

 
</div>

をhrefのナビゲーションを追加することができ、他の、HREF続い実行されますonclickのfunction.So後に実行されます