Question

嘿伙计我正在使用JavaScript从html选择表单标签中选择一个特定值（选项），但每当我调用我的JavaScript函数时，我会收到一条消息，重复我想要选择的所有选项。例如：如果我选择选择兔子＆＃39;从选项列表中，然后显示一条消息，说明“兔子选择了”＆＃39 ;;将为所选的每个选项/值显示该消息。

这是我的JavaScript代码：

    var element = document.getElementById('choices').value;

    function SelectElement() {    
      if (element = 'Rabbit') {
          alert("Rabbit Selected");
      }
      else if (element = 'Wall') {
          alert("Wall Selected");
      }
      else if (element = 'Arrow') {
          alert("Arrow Selected");
      }      
   }

这是我的HTML代码：

 <form>
     <select id="choices" >
        <option>Rabbit</option>
        <option>Wall</option>
        <option>Arrow</option>
     </select>

     <input type="button" value="Submit" onclick="SelectElement()"/>
 </form>

你们聪明的人能帮助我吗????

Answer 1

A。您应该在每次调用函数之前获取值，然后检查它，否则您的element变量根本不会刷新。

B。为了比较两个值，您应该使用==，=是一个赋值运算符。

   function SelectElement() { 
      var element = document.getElementById('choices').value;   
      if (element == 'Rabbit') {
          alert("Rabbit Selected");
      }  
   }

（因为你的问题不太清楚）如果你只想提醒点击每个选项的选定值，只需这样做：

  function SelectElement() { 
      var element = document.getElementById('choices').value;   
      alert(element+" Selected");
   }

这是基本的字符串连接。

Answer 2

在＆＃34; select＆＃34;中有一个名为selected == true或false的内容。标签。
你可以用HTML写：

<form>
  <select id="choices">
    <option id="Rabbit">Rabbit</option>
    <option id="Wall">Wall</option>
    <option id="Arrow">Arrow</option>
  </select>
</form>
<button onclick="TakeElement()">Click</button>

你可以用javascript编写：

   var ra = document.getElementById('Rabbit');
    var wa = document.getElementById('Wall');  
var ar = document.getElementById('Arrow');

   function TakeElement() {
      if (ra.selected == true) {
        alert("Rabbit is selected");
      }
      if (wa.selected == true) {
        alert("Wall is selected");
      }
      if (ar.selected == true) {
        alert("Arrow is selected");
      }
   }

Answer 3

我认为您必须将元素='rabbit'替换为元素=='rabbit'

==是比较运算符并且=是赋值运算符

使用Javascript从Html选择框

3 个答案: