如何在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？

回答

相关问题