javascript下拉条件

我有以下下拉菜单。如果选择了值失败，客户端希望形成抛出错误。我告诉他简单的解决方案是从菜单中删除失败:)这种方式只有选项是通过和问题解决:)不是真的。他仍然希望这两种选择，如果选择了失败，他希望看到所需的错误可能是文字说你需要选择传球。javascript下拉条件

   <div class="section colm colm6"> 
        <label class="field select"> 
         <select id="cond" name="Cond" required> 
          <option value=''>Condition</option> 
          <option value='Pass' >Pass</option> 
          <option value='Fail' >Fail</option> 
         </select> 
          <i class="arrow double"></i>        
        </label> 
       </div>

我需要在选择文件后立即进行错误检查，而不是直到整个表单被提交。我有另外两个失败和传球下拉和2是和没有下拉，我需要做同样的事情。如果我得到一个工作，我应该能够给别人（我希望）

我猜测，我需要创建一个某种类似的功能

function checkCategory(){ 
     if(document.getElementById('cond').value === 'Fail') { 
      alert("Client says you need to enter Pass"); 
    return false; 
    } 
    }

，并且可以使用ONSELECT（我我不知道如何调用它）使用onselect =“javascript：checkCategory（）;”

我很坚持这一点。非常感谢您的帮助。感谢您的时间。

来源

2016-04-12 CyberFla

为什么你使用纯JS来代替的jQuery ？ – uzaif

没有'onselect'它应该'onchange'; – itzmukeshy7

现在通过“抛出一个错误”，你的意思是提醒客户他们已经选择了一个无效的值;或者你的意思是在JavaScript中抛出一个实际的错误。因为这是两回事。 – Jhecht

它很容易做到这一点使用jQuery的，只是使用它的.change()事件处理程序如下：

$(function() { 
    $('#cond').change(function() { 
    if(this.value === 'Fail') { 
     alert('Please Select Pass'); 
    } 
    }) 
})

这将解决您的问题。选中此的jsfiddle：https://jsfiddle.net/mayank_shubham/9d3dcd07/

您还可以通过在你的选择菜单使用onchange事件处理程序，这样做在javascript：

<script> 

function checkCategory() { 
    if(document.getElementById('cond').value === 'Fail') { 
    alert('Please Select Pass'); 
    } 
    return false; 
} 

</script> 
<div class="section colm colm6"> 
    <label class="field select"> 
     <select id="cond" name="Cond" onchange = "checkCategory()"required> 
      <option value=''>Condition</option> 
      <option value='Pass' >Pass</option> 
      <option value='Fail' >Fail</option> 
      </select> 
      <i class="arrow double"></i>        
    </label> 
</div>

见工作demo

来源

2016-04-12 05:03:56

这是你想要的吗？

$(function(){ 
 
    $("select#cond").on("change", function(){ 
 
    if(this.value == "Fail"){ 
 
     alert("Client says you need to enter Pass.") 
 
    } 
 
    }) 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> 
 
<div class="section colm colm6"> 
 
    <label class="field select"> 
 
    <select id="cond" name="Cond" required> 
 
     <option value=''>Condition</option> 
 
     <option value='Pass' >Pass</option> 
 
     <option value='Fail' >Fail</option> 
 
    </select> 
 
    <i class="arrow double"></i>        
 
    </label> 
 
</div>

来源

2016-04-12 04:34:51

你几乎没有代码，

您需要onchange事件添加到选择元素

<div class="section colm colm6"> 
       <label class="field select"> 
        <select id="cond" name="Cond" required onChange="checkCategory()"> 
         <option value=''>Condition</option> 
         <option value='Pass' >Pass</option> 
         <option value='Fail' >Fail</option> 
        </select> 
         <i class="arrow double"></i>        
       </label> 
      </div>

来源

2016-04-12 05:01:28 LazyDeveloper

javascript下拉条件

回答

相关问题