HTMLボタンで選択を確認する

Question

私は単純なHTMLページを作って、コピー、小文字または大文字のどちらかを選択できるようにしようとしています。それぞれテキスト2にコピーし、テキストを大文字または小文字に変更します。クリックすると選択肢が選択されます。 誰も私のコードを見てもらえますか？

<script type='text/javascript'> 
function f(){ 
    if(document.getElementById("copy")) 
    document.getElementById("modifiedForm").value = document.getElementById("ogForm").value; 
    if(document.getElementById("upper")) 
    document.getElementById("modifiedForm").value = document.getElementById("ogForm").value.toUpperCase(); 
    if(document.getElementById("lower")) 
    document.getElementById("modifiedForm").value = document.getElementById("ogForm").value.toLowerCase(); 
} 
</script> 
<form name='form1' > 
<select size='3' name='sel1' > <!-- onchange='f();'> --> 
<option id="copy"> copy  </option> 
<option id="upper"> upper case </option> 
<option id="lower"> lower case </option> 
</select> 
<input type='text1' id='ogForm' placeholder="type here" > 
<input type='text2' id='modifiedForm'> 
<input type='button' id='confirm' value='confirm' onclick='f()'> 
</form> 

Answer 1

select要素のオプションとしてどの要素が選択されたかを確認しようとしています。

オプションとして選択されたselectの値が必要です。

HTML

<select size='3' name='sel1' id="mySelect"> 
    <option value="copy"> copy  </option> 
    <option value="upper"> upper case </option> 
    <option value="lower"> lower case </option> 

JS

function f() { 
    var selectedValue = document.getElementById("mySelect").value; 

    if(selectedValue === 'copy') { 

    ....