1

我对此进行了一些研究,到目前为止所说/建议的一切都没有奏效。

我正在尝试从选择标签中捕获输入,但是没有任何结果,甚至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>

我很抱歉提出这个问题,因为互联网上有很多资源,但它们似乎对这个案例没有帮助。姓名、电子邮件等都在警报中正常显示,但选择框却没有。

我在控制台中没有错误。

4

4 回答 4

3

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

尝试设置一些值:

 <option value="TRIATHLONS">TRIATHLONS</option>
于 2012-12-10T09:33:42.920 回答
2

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

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

用你想要的值替换值....

<option value="iamlookingfor">I'm looking for</option>
......
于 2012-12-10T09:33:53.573 回答
0
$(function(){$(".fomForm").change(function(){
alert($(".fomForm option:selected").text()); })});

在这个小提琴中做一个演示:http: //jsfiddle.net/tAxDv/

于 2012-12-10T09:35:50.027 回答
0

Seems like you are missing the value for options. They all say option=""

Put the value in there, and it should start working with $('#lookingFor').val()

If you don't have control on the html, or can't add values for whatever reasons, this should give you the text displayed in the option

$('#lookingFor option:selected').text()
于 2012-12-10T09:35:59.287 回答