jquery показване/скриване на поле на формуляр въз основа на променлива числова стойност

Нов съм в jquery и се опитвам да покажа/скрия поле за опции в Select Input въз основа на числова стойност (от заявка за DB) сравнение. Когато числото от заявката за DB достигне 50, трябва да скрия опцията за избор. Търсих в Google и намерих много варианти на показване/скриване, но не мога да намеря работещо решение. Това е последният ми подход и той също не работи. Всякакви предложения или възможни насоки за изследване ще бъдат високо оценени.

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>

Благодаря ти.

Боб П.


person user2640112    schedule 01.08.2013    source източник
comment
Защо използвате низове 49, 50 вместо числа 49, 50?   -  person u_mulder    schedule 01.08.2013


Отговори (4)


трябва да "премахнеш цитата"

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

to

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

тъй като искате да предадете променлива, а не низ

и по-добре анализирайте db заявката като Int like

var myCount = parseInt(numberfromDB);

тогава можете да го обработвате като истинско цяло число и също така да премахнете кавички

> '49'

to

> 49
person john Smith    schedule 01.08.2013

Няколко нередни неща в кода, ще ги прегледам:

$(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();
    }
);
person tymeJV    schedule 01.08.2013
comment
До всички отговорили. Благодаря ти. Премахнах кавички от стойността 50 и 49 и myCount, но все още не работи. - person user2640112; 01.08.2013
comment
Премахна използването на $this... промени този ред на: if ($(#date-time2-1).attr(temp) › 49) { ..... но не работи. - person user2640112; 01.08.2013
comment
Аааа? Какво се случи @user2640112 - person tymeJV; 01.08.2013
comment
Това, което имам сега, е това, но не работи.......:$(document).ready(function () { var myCount = 50; //ще бъде изтеглено от заявка в DB $(#date- time2-1).attr(temp, myCount); if ($(#date-time2-1).attr(temp) › 49) { $(#date-time2-1).hide(); } else { $ (#date-time2-1).show(); } }); - person user2640112; 01.08.2013
comment
@user2640112 -- Какво казва вашата конзола - person tymeJV; 01.08.2013
comment
Поставете console.log('test'); във вашия израз if, изпълнява ли се някога? - person tymeJV; 01.08.2013
comment
Получих конзолна грешка при изпълнение на скрипта (не cosole.log) Времево клеймо: 1.8.2013 г. 11:48:18 ч. Грешка: Компонент върна код на грешка: 0x80004005 (NS_ERROR_FAILURE) [nsIDOMWindow.content] - person user2640112; 01.08.2013
comment
Благодаря ви за помощта, ще проуча допълнително - person user2640112; 01.08.2013
comment
@user2640112 -- Изглежда, че е свързано с firefox, това ли е вашият браузър при тестване? - person tymeJV; 01.08.2013

Използвате числа, а не низове

И 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 '
person kilkadg    schedule 01.08.2013

Ами нека започнем, като направим вашия код секси:

$(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
person JonathanRomer    schedule 01.08.2013