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

     ....