0

私はjqueryを初めて使用し、数値(DBクエリから)の比較に基づいて選択入力でオプションフィールドを表示/非表示にしようとしています。DB クエリからの数が 50 に達したら、選択オプションを非表示にする必要があります。グーグルで検索して、表示/非表示のさまざまなバリエーションを見つけましたが、実用的な解決策を思いつくことができません. これは私の最新のアプローチであり、それも機能しません。探索するための提案や可能な方向性は非常に高く評価されます。

jQuery:

    $(document).ready(function () {
    var myCount = '50';   //will be pulled from a DB query

    $("#date-time2-1").attr("temp", 'myCount');

    if ($("#date-time2-1").val($(this).attr("temp")) > '49') {
    $("#date-time2-1").hide();
    } else {
    $("#date-time2-1").show();

    }

    );

フォーム html:

<h2>Example Registration Form</h2>

    <form id="form1" name="form1" method="post" action="">
      <table width="600" border="0">
        <tr>
          <td><label for="exfname">First Name</label>
          <input class="validate[required]" type="text" name="exfname" id="exfname" />
          <label for="exlname">Last Name</label>
          <input class="validate[required]" type="text" name="exlname" id="exlname" /></td>
        </tr>

        <tr>
          <td>
          <label for="datetime">Date-Session</label>
          <select class="validate[required]" name="datetime" size="1" id="datetime">
          <option value="" selected="selected">Please Select Date/Time</option>
          <option  id="date-time2-1"  value="" >Sept 3,2013 - 8:00AM</option>
          <option id="date-time1-2"  value="">Oct. 5, 2013 - 9:00AM</option>
          <option id="date-time1-1"  value="">Nov. 23, 2013 - 10:00AM</option>
          </select>
          </td>
        </tr>

        <tr>
          <td><p>
            <input  type="submit" name="submit" id="submit" value="Submit" />
            &nbsp;
            <input type="reset" name="Reset" id="Reset" value="Clear Form" />
          </p>
          </td>
        </tr>
      </table>
    </form>

ありがとうございました。

ボブ P.

4

4 に答える 4

0

コードにいくつか問題があります。それらについて説明します。

$(document).ready(function () {
    var myCount = '50';   //will be pulled from a DB query

    //Right here, myCount shouldn't be quoted, or else your setting the attribute temp to "myCount"
    //$("#date-time2-1").attr("temp", 'myCount');
    $("#date-time2-1").attr("temp", myCount);

    //What is "this" referring to, the DOM ready statement? Simply compare the value like this: 
    //if ($("#date-time2-1").val($(this).attr("temp")) > 49) { //unquoted your number as well, since you're comparing numbers not strings

    //Or if you want to compare the temp value, use .attr("temp")
    if ($("#date-time2-1").val() > '49') {
        $("#date-time2-1").hide();
    } else {
        $("#date-time2-1").show();
    }
);
于 2013-08-01T13:38:44.237 に答える
0

文字列ではなく数字を使用しています

myCount は attr の変数です

var myCount = 50;//get ride of the '

$("#date-time2-1").attr("temp", myCount);//get ride of the "

if ($("#date-time2-1").val($(this).attr("temp")) > 49) {//get ride of the '
于 2013-08-01T13:39:38.343 に答える
0

コードをセクシーにすることから始めましょう。

$(document).ready(function () {
  var myCount = '50';   //carefull with the quotes, if your not sure about the input you can always use intval()

$("#date-time2-1").attr("temp", myCount); // myCount has no quotes or else it wont work, because you dont want a string here
  if ($("#date-time2-1").val($(this).attr("temp")) > '49') { //Again same as above not a fan of the quotes
      $("#date-time2-1").hide();
  } else {
     $("#date-time2-1").show();
  }
}); //Close the document.ready
于 2013-08-01T13:41:51.013 に答える