Question

我已经对此做了一些研究，到目前为止所说的/建议都没有成功。

我正在尝试从select标记中捕获输入，但是没有任何结果，甚至不是null。

代码：

  function validateForm()
  {
    var name = $('#txtName').val();
    var email = $('#txtEmail').val();
    var tel = $('#txtTel').val();
    var look = $('#lookingFor').val();
    var goals = $('#goals').val();
    alert(name + " " + email + " " + tel + " " + look + " " + goals);
    return false;
  }

HTML：

<select class="fomForm select" style="color:#777;" 
id="lookingFor" name="lookingFor">
<option value="">I'm looking for</option>
<option value="">CYCLING</option>
<option value="">RUNNING</option>
<option value="">TRIATHLONS</option>
<option value="">TRAINING CAMPS</option>
<option value="">PERFORMANCE TESTING</option>
<option value="">DIET &amp; NUTRITION</option>
<option value="">WELLNESS</option>
</select>

我为此问道道歉，因为互联网上有相当多的资源，但它们似乎没有帮助这个案例。名称，电子邮件等在警报中都显示正常，但选择框不显示。

我在控制台中没有错误。

Answer 1

它没有显示，因为您选择的选项中的所有值都是空的。

尝试放一些值：

 <option value="TRIATHLONS">TRIATHLONS</option>

Answer 2

您的选择框选项中没有值...因此警报为空

<option value="">I'm looking for</option>
<option value="">CYCLING</option>

将值替换为u want ....

<option value="iamlookingfor">I'm looking for</option>
......

Answer 3

$(function(){$(".fomForm").change(function(){
alert($(".fomForm option:selected").text()); })});

在这个小提琴中进行演示：http://jsfiddle.net/tAxDv/

Answer 4

好像你错过了value的{{1}}。他们都说option

将值放在那里，它应该开始使用option=""

如果您无法控制html，或因任何原因无法添加值，则应该会显示$('#lookingFor').val()

中显示的text

option

jQuery选择值失败

4 个答案: