ユーザーがdropdownbox

Question

<div> 
 

 
<label for="searchby">Search By: </label> 
 
    <select id="searchby" name="search_by"> 
 
     <option value="date">Date</option> 
 
     <option value="type">Type</option> 
 
    </select> 
 
<label for="searchcontent">Search value:</label> 
 
<input id="searchcontent" type="text" name="search_data"> 
 
<input type="submit" value="search"> 
 

 
</div>

上の日付を選択したときにJavaScriptを使用して日付ピッカーでテキストボックスを置き換えるこの画像はで検索を示しており、データラベルを検索します。ユーザーが日付を選択するときに、検索値のテキストボックスを

Answer 1

$(document).ready(() => { 
 
    $('#searchby').change(function() { 
 
     var selectedValue = $(this).val(); 
 
     if (selectedValue == 'date') { 
 
      $('#searchcontent').attr('type', 'Date') 
 
     } 
 
     else { 
 
      $('#searchcontent').attr('type', 'text') 
 
     } 
 
    }) 
 
}) 
 

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

 
<label for="searchby">Search By: </label> 
 
    <select id="searchby" name="search_by"> 
 
     <option value="date">Date</option> 
 
     <option value="type" selected>Type</option> 
 
    </select> 
 
<label for="searchcontent">Search value:</label> 
 
<input id="searchcontent" type="text" name="search_data"> 
 
<input type="submit" value="search"> 
 

 
</div>