Question

我有一个下拉框，如下所示

<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条件

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

Answer 1

在你的情况下，问题似乎是额外的空间，

<option> Business Type</option>
        ^

您可以尝试使用selectedIndex：

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

Answer 2

尝试：

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

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

Answer 3

以下是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">

Answer 4

您将值指定给businestypecode，但请检查businestypeinText中的值。

纠正其中一个。

这假设您的代码在事件处理程序中。

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

Answer 5

替换，

 <option> Business Type</option>

用，

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

和

if(businestypeinText =='Business Type')
{

用，

if(businestypecode =='Business Type')
{

Answer 6

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

首先添加值第一个选项，例如“0”，因为如果值是数据库中的键或者是sth（主要AI，它们永远不会小于1！）

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

然后，如果值== 0，提醒某事，希望这有帮助！

如何检查是否从下拉框中选择了值？

6 个答案: