javascript - 为什么我点击时总是弹出 "you rock"警报？

Question

我是一个新的 JavaScript 学习者。我这样做了，但不明白为什么当我点击时总是弹出“you rock”警报。提前致谢

function favColors() {
  var example = document.getElementById('example');
    if(document.getElementById('favorite').value=example.options[0].text) {
      alert("you rock");
    }else {
      alert("have no color taste");
    }  
  document.getElementById('favorite').value=example.options[example.selectedIndex].text;
}

<form>
    <select id="example" onChange="favColors()">
        <option>Black</option>
        <option>Red</option>
        <option>White</option>
        <option>Pink</option>
    </select>    
    <p>
        Your favorite sport is:
        <input type="text" id="favorite">
    </p>    
</form>

Answer 1

您的 IF 子句需要一个 == 而不是单个 =。它应该看起来像这样:

if(document.getElementById('favorite').value==example.options[0].text) {

而不是

if(document.getElementById('favorite').value=example.options[0].text) {。

希望有帮助。

另外，这个:

document.getElementById('favorite').value=example.options[example.selectedIndex].text;

需要是定义example之后的第一个语句。

更新:

• 需要应用 example.options[example.selectedIndex].textdocument.getElementById('favorite').value，然后才能将其用于比较。
• = 符号用于赋值，== 用于比较。因此您的 IF 语句需要相应更新。阅读 this .