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

     ....

HTML使用按钮确认选择

1 个答案: