Wie man onClick in HTML-Option hinzufügen?

Question

, was im versuchend zu tun ist, wenn der <option> der Wert angeklickt wird, wird hier im <input type='text'>

angezeigt ist mein Code jetzt:

<select id='months'> 
    <option value='9' id='months9'>9 Months</option> 
    <option value='10' id='months10'>10 Months</option> 
    <option value='11' id='months11'>11 Months</option> 
    <option value='12'id='months'>12 Months</option> 
</select> 

if($months == '9'){ 
    echo 'today +9 months'; 
} 
if($months == '10'){ 
    echo 'today + months'; 
} 
if($months == '11'){ 
    echo 'today +11 months'; 
} 
if($months == '12'){ 
    echo 'today +12 months'; 
} 

<input type='text' name='signoff_date'> 

HINWEIS: ich diesen Code weiß, ich werde nicht funktionieren‘ Ich gebe dir nur eine Idee, wie mein Programm funktioniert.

Ich hoffe, Sie verstehen es. Dank

Answer 1

Um den aktuellen Wert des Auswahl zu erhalten, verwenden Sie die onchange Veranstaltung:

function updateValue(value) 
 
{ 
 
    document.getElementById('signoff_date').value = value 
 
} 
 

 
// set a defalt value 
 
updateValue(document.getElementById('months').value)

<select id='months' onchange="updateValue(this.value)"> 
 
    <option value='9' id='months9'>9 Months</option> 
 
    <option value='10' id='months10'>10 Months</option> 
 
    <option value='11' id='months11'>11 Months</option> 
 
    <option value='12'id='months'>12 Months</option> 
 
</select> 
 

 
    
 
<input type='text' name='signoff_date' id="signoff_date">

Answer 2

$('select').on('change', function (e) { 
    var optionSelected = $("option:selected", this); 
    var valueSelected = this.value; 
    $('input[name="signoff_date"]').val(valueSelected); 
}); 

Answer 3

Ungeprüfte aber so etwas wie dies vielleicht - weisen Sie ein onchange Event-Handler, anstatt ein click Handler.

<script type='text/javascript'> 
    function evtoption(e){ 
     var el=e.target ? e.target : e.srcElement; 
     var selected=el.options[ el.options.selectedIndex ]; 
     var value=selected.value; 
     var txt=selected.text; 
     var id=selected.id; 

     document.querySelectorAll('input[name="signoff_date"]')[0].value=id+value+txt; 
    } 

    document.getElementById('months').addEventListener('change', evtoption, false); 
</script>