Move this topic
Cannot get the value of jQuery Spinner by $_POST in php
in Using jQuery UI
•
8 years ago
I am using jQuery Spinner in a form just like Select Option.
$("#hourlywage").spinner({ min: 50, max: 1000, step: 10, start: 50, culture: "en-US", numberFormat: "C" });
After submitted the form, I can get value from Select Option by $_POST['select'].
However, there is nothing in the value of Spinner get by $_POST['hourlywage'].
Is there anything I have missed or the method is wrong?
1
Replies(20)
A form submission and subsequent parameters is based on the name
of the field, not its id
. Does the field have a name
?
Leave a comment on kbwood.au's reply
<tr><td
class="subtitle language"
id="members-hourlywage">Hourly Wage</td>
<td><input name=hourly_wage class="w250"
id="hourlywage" value="<?php echo $hourly_wage; ?>"></td></tr>
$hourly_wage = $_POST['hourly_wage'];
setcookie('hourly_wage',
$_POST['hourly_wage'], $inOneHour);
nothing saved in the
cookie hourly_wage
Leave a comment on 偉雄 陳's reply
setcookie('hourly_wage',
$_POST['hourl_ywage'], $inOneHour);
You
have an extra 'y' here $_POST['hourl_ywage']
it will be setcookie('hourly_wage', $_POST['hourl_wage'], $inOneHour);
Leave a comment on Sµßhrånil∂'s reply
Just typing mistake, it is not the problem.
I fount that after commenting the spinner statement,
/* $("#hourlywage").spinner({ min: 50, max: 1000, step: 10, start: 50, culture: "en-US", numberFormat: "C" }); */
the value can be got by $_POST['hourly_wage'].
However, after removing /* */, there is nothing got by $_POST['hourly_wage'].
What's happen and why?
Leave a comment on 偉雄 陳's reply
Can you provide a page that shows the problem?
Leave a comment on kbwood.au's reply
偉雄 陳,
Does this help at all?
http://james2013.batcave.net/spinner_and_php_post.htm
The PHP is merely:
- <html>
- <body>
- PHP page says spinner value is <?php echo $_POST["hourly_wage"]; ?><br>
- </body>
- </html>
Jim
Leave a comment on coldfusionguy's reply
Leave a comment on kbwood.au's reply
My codes are much complicated.
Here are the code of form.
<h3 class="subtitle language"
id="members-tutorial">Tutorial
Information</h3>
<div>
<table>
<form
action="update_students.php" method=POST>
<input type=hidden name=update
value="tutorial">
<input
type=hidden name=username value="<?php echo $username;
?>">
<tr><td colspan=2
class="subtitle language"
id="members-tutorial">Tutorial
Information</td></tr>
<tr><td
colspan=2> </td></tr>
<tr><td class="subtitle language"
id="members-tutorgender">Tutor's
Gender</td>
<td><select
name=tutor_gender class="w300">
<option value=F class="language"
id="members-female" <?php if ($tutor_gender ==
"F") echo "selected";
?>>Female</option>
<option value=M class="language"
id="members-male" <?php if ($tutor_gender ==
"M") echo "selected";
?>>Male</option>
<option value=E class="language"
id="members-either" <?php if ($tutor_gender ==
"E") echo "selected";
?>>Either</option>
</select></td><td> </td></tr>
<tr><td class="subtitle language"
id="members-standard">Tutor's Standard</td>
<td><select name=standard
class="w300">
<optgroup
label="Academic Standard" class="language"
id="members-academic">
<option value=SDS class="language"
id="members-secondary-standard" <?php if ($standard
== "SDS") echo "selected";
?>>Secondary Standard</option>
<option value=SDG class="language"
id="members-secondary-graduate" <?php if ($standard
== "SDG") echo "selected";
?>>Secondary Graduate</option>
<option value=TTS class="language"
id="members-tertiary-standard" <?php if ($standard
== "TTS") echo "selected"; ?>>Tertiary
Standard</option>
<option
value=TTG class="language"
id="members-tertiary-graduate" <?php if ($standard
== "TTG") echo "selected"; ?>>Tertiary
Graduate</option>
<option
value=UTS class="language"
id="members-university-standard" <?php if ($standard ==
"UTS") echo "selected"; ?>>University
Standard</option>
<option
value=UTG class="language"
id="members-university-graduate" <?php if ($standard ==
"UTG") echo "selected"; ?>>University
Graduate</option>
<option
value=SVT class="language"
id="members-serving-teacher" <?php if ($standard ==
"SVT") echo "selected"; ?>>Serving
Teacher</option>
<option
value=RTT class="language"
id="members-retired-teacher" <?php if ($standard ==
"RTT") echo "selected"; ?>>Retired
Teacher</option>
<option
value=OST class="language"
id="members-overseas-teacher" <?php if ($standard
== "OST") echo "selected";
?>>Overseas</option>
<option value=FRT class="language"
id="members-foreign-teacher" <?php if ($standard ==
"FRT") echo "selected";
?>>Foreigner</option>
</optgroup>
<optgroup
label="Musical Standard" class="language"
id="members-musical">
<option value=GD5 class="language"
id="members-grade5" <?php if ($standard ==
"GD5") echo "selected"; ?>>Grade
5</option>
<option
value=GD6 class="language"
id="members-grade6" <?php if ($standard ==
"GD6") echo "selected"; ?>>Grade
6</option>
<option
value=GD7 class="language"
id="members-grade7" <?php if ($standard ==
"GD7") echo "selected"; ?>>Grade
7</option>
<option
value=GD8 class="language"
id="members-grade8" <?php if ($standard ==
"GD8") echo "selected"; ?>>Grade
8</option>
<option
value=PFM class="language"
id="members-performer" <?php if ($standard ==
"PFM") echo "selected";
?>>Performer</option>
</optgroup>
</select></td><td> </td></tr>
<tr><td class="subtitle language"
id="members-hourlywage">Hourly Wage</td>
<td><input name=hourly_wage
class="w250" id="hourly_wage"
value="<?php echo $hourly_wage;
?>"></td></tr>
<tr><td class="subtitle language"
id="members-subjects">Subjects</td>
<td><input type=checkbox name=subjects[]
value=CHN id="members-chinese" <?php if ($sub1 ==
"CHN" || $sub2 == "CHN" || $sub3 ==
"CHN") echo "checked"; ?>>
<label for="members-chinese"
class="language"
id="members-chinese">Chinese</label>
<input type=checkbox name=subjects[]
value=ENG id="members-english" <?php if ($sub1 ==
"ENG" || $sub2 == "ENG" || $sub3 ==
"ENG") echo "checked"; ?>>
<label for=members-english
class="language"
id="members-english">English</label>
<input type=checkbox name=subjects[]
value=LIB id="members-liberalstudies" <?php if ($sub1
== "LIB" || $sub2 == "LIB" || $sub3 ==
"LIB") echo "checked"; ?>>
<label
for="members-liberalstudies" class="language"
id="members-liberalstudies">Liberal
Studies</label></td></tr>
<tr><td rowspan=9 class="top subtitle
language" id="members-max-subjects">Maximum
3</td>
<td><input
type=checkbox name=subjects[] value=MAT
id="members-mathematics" <?php if ($sub1 ==
"MAT" || $sub2 == "MAT" || $sub3 ==
"MAT") echo "checked"; ?>>
<label for="members-mathematics"
class="language"
id="members-mathematics">Mathematics</label>
<input type=checkbox name=subjects[] value=MA1
id="members-m1" <?php if ($sub1 == "MA1" ||
$sub2 == "MA1" || $sub3 == "MA1") echo
"checked"; ?>>
<label for="members-m1" class="language"
id="members-m1">M1</label>
<input type=checkbox name=subjects[] value=MA2
id="members-m2" <?php if ($sub1 == "MA2" ||
$sub2 == "MA2" || $sub3 == "MA2") echo
"checked"; ?>>
<label for="members-m2" class="language"
id="members-m2">M2</label></td></tr>
<tr><td><input type=checkbox
name=subjects[] value=ICT id="members-ict" <?php if
($sub1 == "ICT" || $sub2 == "ICT" || $sub3 ==
"ICT") echo "checked"; ?>>
<label for="members-ict"
class="language"
id="members-ict">ICT</label>
<input type=checkbox name=subjects[] value=CHI
id="members-chistory" <?php if ($sub1 ==
"CHI" || $sub2 == "CHI" || $sub3 ==
"CHI") echo "checked"; ?>>
<label for="members-chistory"
class="language"
id="members-chistory">Chinese
History</label>
<input
type=checkbox name=subjects[] value=CHL
id="members-cliterature" <?php if ($sub1 ==
"CHL" || $sub2 == "CHL" || $sub3 ==
"CHL") echo "checked"; ?>>
<label for="members-cliterature"
class="language"
id="members-cliterature">Chinese
Literature</label></td></tr>
<tr><td><input type=checkbox name=subjects[]
value=HUM id="members-humanities" <?php if ($sub1
== "HUM" || $sub2 == "HUM" || $sub3 ==
"HUM") echo "checked"; ?>>
<label for="members-humanities"
class="language"
id="members-humanities">Humanities</label>
<input type=checkbox name=subjects[] value=HIS
id="members-history" <?php if ($sub1 == "HIS"
|| $sub2 == "HIS" || $sub3 == "HIS") echo
"checked"; ?>>
<label for="members-history"
class="language"
id="members-history">History</label>
<input type=checkbox name=subjects[] value=ENL
id="members-eliterature" <?php if ($sub1 ==
"ENL" || $sub2 == "ENL" || $sub3 ==
"ENL") echo "checked"; ?>>
<label for="members-eliterature"
class="language"
id="members-eliterature">English
Literature</label></td></tr>
<tr><td><input type=checkbox name=subjects[]
value=GEO id="members-geography" <?php if ($sub1 ==
"GEO" || $sub2 == "GEO" || $sub3 ==
"GEO") echo "checked"; ?>>
<label for="members-geography"
class="language"
id="members-geography">Geography</label>
<input type=checkbox name=subjects[] value=BAF
id="members-bafs" <?php if ($sub1 == "BAF" ||
$sub2 == "BAF" || $sub3 == "BAF") echo
"checked"; ?>>
<label for="members-bafs"
class="language"
id="members-bafs">BAFS</label>
<input type=checkbox name=subjects[] value=ECO
id="members-economics" <?php if ($sub1 ==
"ECO" || $sub2 == "ECO" || $sub3 ==
"ECO") echo "checked"; ?>>
<label for="members-economics"
class="language"
id="members-economics">Economics</label></td></tr>
<tr><td><input type=checkbox
name=subjects[] value=PHY id="members-physics" <?php if
($sub1 == "PHY" || $sub2 == "PHY" || $sub3 ==
"PHY") echo "checked"; ?>>
<label for="members-physics"
class="language"
id="members-physics">Physics</label>
<input type=checkbox name=subjects[] value=CHE
id="members-chemistry" <?php if ($sub1 ==
"CHE" || $sub2 == "CHE" || $sub3 ==
"CHE") echo "checked"; ?>>
<label for="members-chemistry"
class="language"
id="members-chemistry">Chemistry</label>
<input type=checkbox name=subjects[] value=BIO
id="members-biology" <?php if ($sub1 == "BIO"
|| $sub2 == "BIO" || $sub3 == "BIO") echo
"checked"; ?>>
<label for="members-biology"
class="language"
id="members-biology">Biology</label></td></tr>
<tr><td><input type=checkbox
name=subjects[] value=SCI id="members-science" <?php if
($sub1 == "SCI" || $sub2 == "SCI" || $sub3 ==
"SCI") echo "checked"; ?>>
<label for="members-science"
class="language"
id="members-science">Science</label>
<input type=checkbox name=subjects[] value=IEL
id="members-ielts" <?php if ($sub1 == "IEL"
|| $sub2 == "IEL" || $sub3 == "IEL") echo
"checked"; ?>>
<label for="members-ielts"
class="language"
id="members-ielts">IELTS</label>
<input type=checkbox name=subjects[] value=TOF
id="members-toefl" <?php if ($sub1 == "TOF"
|| $sub2 == "TOF" || $sub3 == "TOF") echo
"checked"; ?>>
<label for="members-toefl"
class="language"
id="members-toefl">TOEFL</label></td></tr>
<tr><td><input type=checkbox
name=subjects[] value=MAN id="members-mandarin" <?php
if ($sub1 == "MAN" || $sub2 == "MAN" || $sub3 ==
"MAN") echo "checked"; ?>>
<label for="members-mandarin"
class="language"
id="members-mandarin">Mandarin</label>
<input type=checkbox name=subjects[] value=JAP
id="members-japanese" <?php if ($sub1 ==
"JAP" || $sub2 == "JAP" || $sub3 ==
"JAP") echo "checked"; ?>>
<label for="members-japanese"
class="language"
id="members-japanese">Japanese</label>
<input type=checkbox name=subjects[] value=KOR
id="members-korean" <?php if ($sub1 == "KOR"
|| $sub2 == "KOR" || $sub3 == "KOR") echo
"checked"; ?>>
<label for="members-korean"
class="language"
id="members-korean">Korean</label></td></tr>
<tr><td><input type=checkbox
name=subjects[] value=FRE id="members-french" <?php if
($sub1 == "FRE" || $sub2 == "FRE" || $sub3 ==
"FRE") echo "checked"; ?>>
<label for="members-french"
class="language"
id="members-french">French</label>
<input type=checkbox name=subjects[] value=GER
id="members-german" <?php if ($sub1 == "GER"
|| $sub2 == "GER" || $sub3 == "GER") echo
"checked"; ?>>
<label for="members-german"
class="language"
id="members-german">German</label>
<input type=checkbox name=subjects[] value=MUS
id="members-musictheory" <?php if ($sub1 ==
"MUS" || $sub2 == "MUS" || $sub3 ==
"MUS") echo "checked"; ?>>
<label for="members-musictheory"
class="language"
id="members-musictheory">Music
Theory</label></td></tr>
<tr><td><input type=checkbox name=subjects[]
value=KEY id="members-keyboard" <?php if ($sub1 ==
"KEY" || $sub2 == "KEY" || $sub3 ==
"KEY") echo "checked"; ?>>
<label for="members-keyboard"
class="language"
id="members-keyboard">Keyboard</label>
<input type=checkbox name=subjects[] value=PIA
id="members-piano">
<label for="members-piano"
class="language" id="members-piano" <?php if
($sub1 == "PIA" || $sub2 == "PIA" || $sub3 ==
"PIA") echo "checked";
?>>Piano</label>
<input type=checkbox name=subjects[] value=VIO
id="members-violin" <?php if ($sub1 == "VIO"
|| $sub2 == "VIO" || $sub3 == "VIO") echo
"checked"; ?>>
<label for="members-violin"
class="language"
id="members-violin">Violin</label></td></tr>
<tr><td class="subtitle language"
id="members-duration">Duration of
Lesson</td>
<td><select
name=lesson_time class="w300 language">
<option value=30
class="language" id="members-30minutes" <?php
if ($lesson_time == 30) echo "selected"; ?>>30
minutes</option>
<option
value=45 class="language"
id="members-45minutes" <?php if ($lesson_time ==
45) echo "selected"; ?>>45
minutes</option>
<option
value=60 class="language"
id="members-60minutes" <?php if ($lesson_time ==
60) echo "selected"; ?>>1 hour</option>
<option value=75
class="language" id="members-75minutes" <?php
if ($lesson_time == 75) echo "selected"; ?>>1 hour
15 minutes</option>
<option value=90 class="language"
id="members-90minutes" <?php if ($lesson_time ==
90) echo "selected"; ?>>1 hour 30
minutes</option>
<option
value=120 class="language"
id="members-120minutes" <?php if ($lesson_time ==
120) echo "selected"; ?>>2
hours</option>
<option
value=150 class="language"
id="members-150minutes" <?php if ($lesson_time ==
150) echo "selected"; ?>>2 hours 30
minutes</option>
<option
value=180 class="language"
id="members-180minutes" <?php if ($lesson_time ==
180) echo "selected"; ?>>3
hours</option>
</select></td><td> </td></tr>
<tr><td class="subtitle language"
id="members-lessons">Lessons per Week</td>
<td><input name=lesson_number
class="w250" id="lesson_number"
value="<?php echo $lesson_number;
?>"></td></tr>
<tr><td class="top subtitle language"
id="members-requirements">Requirements</td>
<td><textarea name=requirements
class="h100 w300 language"
id="members-input-requirements" placeholder="Special
Requirements" title="Special
Requirements"><?php echo $requirements;
?></textarea></td></tr>
<tr><td> </td>
<td><input type=reset value="Reset"
class="w150 language"
id="members-reset">
<input type=submit value="Update"
class="w150 language"
id="members-update"></td></tr>
</form>
</table>
</div>
Here are the code of javascript.
$(document).ready(function() {
$(document).tooltip();
$(".accordion").accordion({ heightStyle:
"content" });
$("#hourly_wage").spinner({
min:
50, max: 1000, step: 10, start: 50, culture: "en-US",
numberFormat: "C"
});
$("#lesson_number").spinner({ min: 1, max: 12,
step: 1, start: 1 });
$("#finishyear").spinner({ min: 1960,
max: 2019, step:1, start: 1970 });
$("#graduateyear").spinner({ min: 1960, max: 2019,
step:1, start: 1970 });
......
......
......
});
Here are the code to get the values of spinner.
$tutor_gender =
$_POST['tutor_gender'];
$standard =
$_POST['standard'];
$hourly_wage =
$_POST['hourly_wage'];
$subjects =
$_POST['subjects'];
$lesson_time =
$_POST['lesson_time'];
$lesson_number =
$_POST['lesson_number'];
$requirements =
$_POST['requirements'];
$subject = "";
foreach
($subjects as $value) { $subject .= $value; }
if ($subject == "" ||
strlen($subject) > 9) { $error = "subjects";
}
else if ($requirements == "") { $error =
"subjects"; }
else {
$error = "success"; }
$inOneHour = time() + 3600;
setcookie('update', $update, $inOneHour);
setcookie('error', $error, $inOneHour);
if ($error == "success")
{
$query = "UPDATE students SET
tutor_gender = '".$tutor_gender."',";
$query .= " standard =
'".$standard."', hourly_wage =
'".$hourly_wage."',";
$query .= " subjects = '".$subject."',
lesson_time = '".$lesson_time."',";
$query .= " lesson_number =
'".$lesson_number."',";
$query .= " requirements =
'".$requirements."'";
$query .= " WHERE username =
'".$username."'";
$result = mysql_query($query) or die(mysql_error());
setcookie('tutor_gender',
$tutor_gender, $inOneHour);
setcookie('standard', $standard, $inOneHour);
setcookie('hourly_wage', $hourly_wage,
$inOneHour);
setcookie('subjects',
$subject, $inOneHour);
setcookie('lesson_time', $lesson_time, $inOneHour);
setcookie('lesson_number', $lesson_number,
$inOneHour);
}
There are nothing in the cookies of hourly_wage
and lesson_number in Chrome Browser.
Leave a comment on 偉雄 陳's reply
Maybe someone here can read through all of that but the best way to get
help would be to show the code here of what the web browser sees.
For example here is some PHP:
But what I would post here would be this below instead:
For example here is some PHP:
- <html>
- <head>
- <title></title>
- <meta name="" content="">
- </head>
- <body>
- <?php
- $colors = array("red","green","blue","yellow");
- foreach ($colors as $value) {
- echo "<p>";
- echo $value;
- echo "</p>";
- }
- ?>
- </body>
- </html>
But what I would post here would be this below instead:
- <html><head>
- <title></title>
- <meta name="" content="">
- </head>
- <body>
- <p>red</p><p>green</p><p>blue</p><p>yellow</p>
- </body></html>
Leave a comment on coldfusionguy's reply
It seems that your answer is not related to my question.
I can test the value with a simple code just like an example of spinner.
When I use it with other jquery-ui, javascript and php, the problem appears.
Leave a comment on 偉雄 陳's reply
Does your other spinner value get posted? finishyear nd graduateyear
Leave a comment on Sµßhrånil∂'s reply
The same, nothing.
I can only get the value of spinner from post with a simple code.
After adding in my complicated website, spinners do not work.
Leave a comment on 偉雄 陳's reply
It seems that the spinner code is being discarded, as if you loaded
another version of jQuery on top of the one with UI added to it.
Do you have more than one version of jQuery or another script that
uses $ for its own purpose?
The simplest way to prevent it is to change
- $(document).ready(function() {
to
- $(document).ready(function( $ ) {
I also noticed that you are using a start parameter on your
spinner calls. Current UI uses a function parameter, not a number as
you are passing. What versions of jQuery and jQuery UI are you using?
Also, do you see runtime errors with the dev tools?
JΛ̊KE
Leave a comment on jakecigar's reply
After changing from function() to function($), it does not work.
There is no error in dev tools, but the values of spinner disappear.
Here is the header. What is your suggestion, Jake?
<head>
<meta http-equiv="Content-Language" content="unicode">
<meta http-equiv="Content-Type"
content="text/html; charset=utf-8">
<meta name="author" content="Chan Wai Hung">
<meta name="keywords" content="learn,
lesson, parent, student, tutor, 學習, 課堂, 家長, 學生, 導師">
<meta name="description" content="We are
dedicated to find tutors for students, find students for tutors. 我們誠意為學生找導師,為導師找學生。">
<meta name="generator"
content="www.google.com.hk, hk.yahoo.com, www.baidu.com">
<meta name="distribution" content="global">
<meta name="robots" content="index,
follow, all">
<meta name="revisit-after" content="15 days">
<title class="language" id="title">HKBestTutor.com</title>
<link rel="stylesheet" href="/jquery-ui-themes-1.10.4/themes/smoothness/jquery-ui.css">
<link rel="stylesheet" href="/style.css">
<script src="/jquery-ui-1.10.4/jquery-1.10.2.js"></script>
<script src="/jquery-ui-1.10.4/external/globalize.js"></script>
<script src="/jquery-ui-1.10.4/ui/jquery-ui.js"></script>
<script src="/jquery-cookie-master/jquery.cookie.js"></script>
<script src="/jquery-cookie-master/jquery.session.js"></script>
<script src="/language.js"></script>
</head>
Leave a comment on 偉雄 陳's reply
Your spinner code is wrong for the version you are using, there is no
start: 50.
It is possible that one of your many scripts is causing the
problems. You can debug by
adding one script at a time to the little page that worked.
Good luck!
JΛ̊KE
Leave a comment on jakecigar's reply
All four spinners don't work, not only hourly_wage.
I have tried to omit all other jquery-ui code with spinners only.
However, they still don't work.
Spinners only work in a very simple code like the examples.
Leave a comment on 偉雄 陳's reply
It is possible that one of your many scripts is causing the problems. You can debug by adding one script at a time to the little page that worked.
JΛ̊KE
Leave a comment on jakecigar's reply
I found out the reason now.
The value of spinner can not be get by posted when spinner is
enclosed in a table.
<table>
<input id="spinner" name="spinner" value="5">
......
......
......
</table>
In this situation, spinner is discarded.
Would anyone try this and solve the problem?
Would you have any other suggestions, Jake?
Leave a comment on 偉雄 陳's reply
I
found the solution now.
Spinner
doesn't work when <form></form> are inside <table></table>.
<table>
<form>
<input
id="spinner" name="spinner" value="5">
,,,,,,
</form>
</table>
Spinner
works when <form></form> are inside <table></table>.
<form>
<table>
<input
id="spinner" name="spinner" value="5">
,,,,,,
</table>
</form>
Leave a comment on 偉雄 陳's reply
Leave a comment on jakecigar's reply
Change topic type
Link this topic
Provide the permalink of a topic that is related to this topic
Reply to 偉雄 陳's question
{"z2953500":[14737000005613767,14737000005621267,14737000005627443],"z34005662":[14737000005616542,14737000005619299,14737000005619367,14737000005631069,14737000005631375,14737000005630659,14737000005631485,14737000005631621,14737000005636418,14737000005635793],"z18738316":[14737000005624239,14737000005630529],"z2950240":[14737000005631459,14737000005631593,14737000005631623,14737000005635905],"z4688377":[14737000005620165,14737000005630643]}