HTML使用按鈕確認選擇

Question

我試圖製作一個簡單的HTML頁面，允許您選擇複製，小寫或大寫分別複製到text2，將文本更改爲大寫或小寫的選項，以及點擊選擇選項。 任何人都可以看看我的代碼？

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

    ....