如何在html選項中添加onClick？

什麼即時試圖做的是當<option>點擊的值將顯示在<input type='text'>如何在html選項中添加onClick？

這裏是我的代碼現在：

<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'>

注：我知道這個代碼將無法正常工作我」只是讓你知道我的程序是如何工作的。

我希望你能理解它。由於

來源

2016-11-09 adrian pascua

到目前爲止，我只嘗試的PHP代碼的後，才改變輸入文本的價值你提交表格 –

可能重複[Javascript - onchange

請檢查此鏈接：-http：//stackoverflow.com/questions/3487263/how-to-use-onclick-or-onselect-on-option-tag-in-a-jsp-page –

爲了得到選擇的電流值，使用onchange事件：

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">

來源

2016-11-09 14:47:27 fuzzyCap

感謝努力的人:)我接受你的回答 –

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

來源

2016-11-09 14:40:29

未經測試，但這樣的事情也許 - 分配onchange事件處理程序，而不是一個click處理程序。

<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>

來源

2016-11-09 14:45:02 RamRaider

如何在html選項中添加onClick？

回答

相關問題