2014-10-20 78 views
0

我有一个下拉框,如下图所示如何检查是否从下拉框中选择了值?

<select name="" id="BsnessType"> 
<option> Business Type</option> 
<option value="101">Theatre</option> 
<option value="102">Restaurant</option> 
</select> 

当就当从下拉 我不想再继续它为用户做了手术

我什么也没有选择提交按钮点击做了这样

var businestypecode = $('#BsnessType').val(); 
alert(businestypecode); 
if(businestypeinText =='Business Type') 
{ 
    alert('Please select Appropiate Business Type'); 
    e.stopPropagation(); 
} 

我已经做了这种方式,但它永远不会if条件

任何人都可以让我知道如何检查这个。

+0

如果你想检查文本内容,你应该在选择器'$(“#BsnessType选项:selected”).text()'上使用'text()'方法。 – inigomedina 2014-10-20 11:09:06

回答

0

在你的情况,问题似乎是多余的空间,

<option> Business Type</option> 
     ^

您可以尝试使用selectedIndex

if(0 === $('#BsnessType').prop('selectedIndex'))//first option is selected 
{ 
    alert('Please select Appropiate Business Type'); 
    e.stopPropagation(); 
} 
+0

非常感谢,这真是太棒了。 – Kiran 2014-10-20 11:45:40

0

尝试:

var businestypecode = $('#BsnessType').val(); 
alert(businestypecode); 
if(businestypeinText == '') 
{ 
    alert('Please select Appropiate Business Type'); 
    e.stopPropagation(); 
} 

您没有设置价值为您的第一个选项。

0

这是给你的Query- jsfiddle例如:

<label class="paylabel" for="cardtype">Card Type:</label> 
<select id="cardtype" name="cards"> 
<option value="selectcard">--- Please select ---</option> 
<option value="mastercard">Mastercard</option> 
<option value="maestro">Maestro</option> 
<option value="solo">Solo (UK only)</option> 
<option value="visaelectron">Visa Electron</option> 
<option value="visadebit">Visa Debit</option> 
</select> 

<input type="button" onclick="fun()" value="click here"> 
0

您的值赋给businestypecode,但您在businestypeinText值。

纠正其中的一个。

这是假设您的代码进入事件处理程序。

var businestypecode = $('#BsnessType').val(); 
alert(businestypecode); 
if(businestypecode == 'Business Type') { 
    alert('Please select Appropiate Business Type'); 
    e.stopPropagation(); 
} 
0

替换,

<option> Business Type</option> 

用,

<option value="Business Type"> Business Type</option> 

和,

if(businestypeinText =='Business Type') 
{ 

用,

if(businestypecode =='Business Type') 
{ 
0
<select name="" id="BsnessType"> 
<option value="0"> Business Type</option> 
<option value="101">Theatre</option> 
<option value="102">Restaurant</option> 
</select> 

增加价值过第一个选项,例如“0”,因为如果值是数据库或某物键(初级AI他们是永远不会小于1!)

var selectVal = $('#BsnessType').val(); 
if(selectVal == 0){ 
    alert('Please select Appropiate Business Type'); 
} 

那么如果值== 0 ,提醒一些事情,希望这有助于!

相关问题