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

valueforが欠落しているようですoption。彼らは皆言うoption=""

そこに値を入れると、動作を開始するはずです$('#lookingFor').val()

HTML を制御できない場合、または何らかの理由で値を追加できない場合はtextoption

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