Search jQuery

jQuery Forum

jQuery Mobile

jcrossman..

Android Form Issue

in jQuery Mobile • 4 months ago

I'm using JQuery Mobile 1.2.0 CSS and I have a PHP function that creates a form element:

function showPlayer($name,$title)
{
$id = substr($name,4); // strip out the group part of the name
$s = explode(",", $id);
$handicap = $s[sizeof($s)-1];
echo '<input type="checkbox" name="' . $name . '" id="' . $id . '" class="custom" data-mini="true" />';
echo '<label for="' . $id . '">' . $title . ' (' . $handicap . ')</label>';
}

I use it like this:

<form action="tables.php" data-transition="fade" method="get">
<fieldset data-role="controlgroup">
<legend>Group 1</legend>
<?php
showPlayer("grp1John,-8","John");
showPlayer("grp1Sam,-8","Sam");
showPlayer("grp1Joe,-7","Sam");
?>
</fieldset>
<input type="subit" value="Create Tournament">
</form>

It's been working fine for about 4 months but now on my Android 4.0 phone it seems to add in extra selected elements when I submit the form. For example I would select John and Joe, but the GET array would also contain Sam. This does not seem to happen on a PC browser (Chrome or IE).

I tried changing the GET to a POST but it produced the same results. I then changed "data-mini=true" to "data-mini=false" and it did seem to fix it for now but i'm not sure why.

Has anyone else come across this?

Thanks, Jason.

Replies(3)

jcrossman..

Re: Android Form Issue

4 months ago

Sadly my fix didnt work. Ive tried it again and got a load of players that i did not select.

Does anyone know what is going on?

Cheers, Jason

haga0054

Re: Android Form Issue

4 months ago

Well if it worked for 4 months, what changed? Did you upgrade your version of JQM? Did you upgrade your device OS? Etc. I would start there... Something must have introduced a bug.

jcrossman..

Re: Android Form Issue

4 months ago

As far as I know nothing has changed on my phone. Same hardware and OS level. I point to the css and js files like this:

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>

I'm fairly new to JQuery but I assume that the version I point to wouldn't have changed, without having a different file name. It must be something obvious that i'm missing. I'll try installing a different browser on my phone and see if that makes a difference. I managed to test it on my wifes phone which is Android 3.2 and it worked fine, which does again point to an issue with my phone.

Top Reply

Response title

Attachments

jQuery Forum

Android Form Issue

Replies(3)

Re: Android Form Issue

Re: Android Form Issue

Re: Android Form Issue

Statistics

Tags

Actions

Related Posts