Question

我已经创建了一个带有动作功能的按钮，如下所示，但在单击动作按钮（单击我）之前会触发警报消息。如何仅在单击按钮（单击我）时才显示警报消息，而不是在下拉选项值中选择“一个”时显示警告消息。

<p align="center">
    <button style="height:50px;width:100px" onclick"=dropdownChange();">click me</button>
</p>

<p align="right">
    <select dir="rtl" name="test2" id="experience" onchange="dropdownChange()" >
        <option value="one"> one</option>
        <option value="five">five</option>
        <option value="six">six</option>
        <option value="seven">seven</option>
        <option value="" disabled selected>choose</option>
    </select>
    <font size="3"> number of experience</font>
</p>

<script>
function dropdownChange() {
    var experience=document.getElementById("experience").value;

    if(experience==="one") {
        alert("ok");
        document.getElementById('experience').value = "";
    }
}
</script>

Answer 1

你好忘了＆＃34; dropdownChange（）之前和之后。

＆LT;按钮样式=＆＃34;高度：50px;宽度：100px＆＃34;的onclick =＆＃34; dropdownChange（）;＆＃34; ＆gt;点击我＆lt; / button＆gt;

Answer 2

您的代码没有任何问题，它可以正常工作，如下所示。发布更多代码，问题出在其他地方。

function dropdownChange() 
{
  var age = document.getElementById('age').value;
  var major = document.getElementById('major').value;
  var experience = document.getElementById('experience').value;

     if ( age == "" || major == "" || experience == "" ) 
      alert("fields cannot be empty!");
     else
      alert("Age: " + age + "\nMajor: " + major + "\nExperience: " + experience);
 }

<!-- Sample elements -->
<input type="text" id="age" value="99" />
<input type="text" id="major" value="Physics" />
<input type="text" id="experience" value="Hmm" />


<p align="center"><button style="height:50px;width:100px"onclick="dropdownChange();"  >click me </button></p>

Answer 3

  <p align="center"><button style="height:50px;width:100px" onclick= 
dropdownChange();>click me </button></p>

<p align="right"><select dir="rtl" name="test2" id="experience" 
 >

    <option value="one"> one</option>
    <option value="five">five</option>
    <option value="six">six</option>
    <option value="seven">seven</option>
    <option value="" disabled selected>choose</option>

    </select> <font size="3"> number of experience</font>

   </p>

    <script>
     function dropdownChange() { 
        var experience=document.getElementById("experience").value;
        if(experience==="one")    {
        alert("ok");
        document.getElementById('experience').value = "";
      } 
  }

这应该可以解决问题

如何仅在JavaScript中单击按钮时执行操作

3 个答案: