0

編集：まあ、今はそれを正しく動作させるために管理しています。しかし、ユーザーがエラーメッセージを受け取った後に適切なオプションを選択した場合は、エラーメッセージを.hideする必要があります。

これがhtml/jqueryimが取り組んでいるものです

 <form>
 <select>
     <option>Please Select Your Value</option>
     <option>Pick this value 1</option>
 </select>
 <div class="error">Please select your value</div>

 <select>
     <option>Please Select Your Value</option>
     <option>Pick this value 2</option>
 </select>
     <div class="error">Please select your value</div>

     <input type="submit" value="Show Hidden Div" />         
 </form>

 <div class="suprise">
   Hidden Div
 </div>

そしてjQuery

$('.submit').click(function(){
   var correct = true;
   $('select').each(function(){
     if($(this).val() != 'option2value'){
       //next is the error... it might be better to use an id there
       $(this).next().show();
       correct = false;
     }
   })
   if(correct){
    $(".results").animate({ 
            marginTop: -480}, 400); 
   }
 })

この辺りで少し助けが必要です。適切なトリガーを作成する方法...どうすればよいかわかりません。

みんなありがとう！

4

2 に答える 2

0

最初にIDを挿入する必要がありますselect

<select id="select1">
     <option>Please Select Your Value</option>
     <option>Pick this value 1</option>
 </select>
 <div class="error">Please select your value</div>

 <select id="select2">
     <option>Please Select Your Value</option>
     <option>Pick this value 2</option>
 </select>


$("select[id^=select]").on("change", function() {
    if ($(this).attr("id") == "select1") {
        if ($(this).val() == $("#select2").val()) {
            alert("You are wrong");
        } else {
            alert("You are right");
        }
    }
    else {
        if ($(this).val() == $("#select1").val()) {
            alert("You are wrong");
        } else {
            alert("You are right");
        }
    }
})​
于 2012-09-29T17:58:37.617 に答える
0

みなさま、ごめんなさい。.error div を設定せずに .next をプレイするのに問題がありました...現在は機能しています。助けてくれてありがとう。

于 2012-09-30T14:51:37.563 に答える