Wie ändere ich den Eingabetyp entsprechend dem Optionswert?

Question

Ich versuche, den Eingabetyp entsprechend dem Optionswert zu ändern.

Wenn die Datumsoption ausgewählt ist, sollte der Typ des Eingabefelds in Datumstyp geändert werden.

function func2() { 
 
    if (document.getElementById('field_search').value=="khao_date") { 
 
    document.getElementById('input_search').type == 'date'; 
 
    } 
 
    else { 
 
    document.getElementById('input_search').type == 'text'; 
 
    } 
 
}

<select id="field_search" name="field_search" size=1 onchange="func2()"> 
 
    <option value="khao_date">Date</option> 
 
    <option value="khao_detail">Detail</option> 
 
</select> 
 

 
<input id="input_search" type="text">

aber irgendwie klappt es nicht ändern. Kann mir jemand helfen? Vielen Dank im Voraus!

Answer 1

Verwenden Sie stattdessen setAttribute('type', '...'). Getestet auf Chrome ..

function func2() { 
 
    if (document.getElementById('field_search').value=="khao_date") { 
 
    document.getElementById('input_search').setAttribute('type', 'date'); 
 
    } 
 
    else { 
 
    document.getElementById('input_search').setAttribute('type', 'text'); 
 
    } 
 
}

<select id="field_search" name="field_search" size=1 onchange="func2()"> 
 
    <option value="khao_date">Date</option> 
 
    <option value="khao_detail">Detail</option> 
 
</select> 
 

 
<input id="input_search" type="text">