2012-12-10 100 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()