2012-12-10 67 views
1

我已经对此进行了一些研究,并且到目前为止所说的所有/建议都失败了。jQuery选择值失败

我想捕获来自选择标签的输入,但没有通过,甚至不是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> 

我的问这个,因为在互联网上相当多的资源,但他们似乎并没有帮助这个情况表示歉意。名称,电子邮件等都在警报中显示正常,但选择框不显示。

我在控制台中没有错误。

回答

2

你有你的选择框中的选项没有价值......因此警报是空

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

替换ü希望值的值.. ..

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

哦!不能相信我错过了那一个!非常感谢,我想它总是一个双重和三重检查一切的情况! –

3

它未显示,因为选择选项中的所有值均为空。

尝试把一些价值:

<option value="TRIATHLONS">TRIATHLONS</option> 
0
$(function(){$(".fomForm").change(function(){ 
alert($(".fomForm option:selected").text()); })}); 

参加这个演示小提琴:http://jsfiddle.net/tAxDv/

0

似乎你错过了valueoption s。他们都说option=""

把价值在那里,它应该开始$('#lookingFor').val()

工作如果没有对HTML控件,否则不能因任何原因增加值,这应该给你在text显示在option

$('#lookingFor option:selected').text()