Obviously, I'm a noob. Solved as follows:
Javascript:
$("#checkValuesButton").click(function() {
var sSelected;
var selectedOptionsArray = $('#selectedOptions').sortable('toArray');
for(var no=0; no<selectedOptionsArray.length; no++){
if (sSelected == null) {
sSelected = selectedOptionsArray[no].innerHTML;
} else {
sSelected = sSelected + ', ' +
selectedOptionsArray[no].innerHTML;
}
}
alert(selectedOptionsArray);
});
PHP:
// First list
echo '<div id=options><fieldset><legend>Available Options</
legend><form>';
echo '<ul id=availableOptions name=availableOptions
class=connectedSortable>';
$resultSet = db2_fetch_assoc($stmt1);
$availableOptions = array();
do {
// create id's equal to their values so that I can use toArray
afterwards
echo '<li id='.$resultSet["OPTION"].'>'.$resultSet["OPTION"].' -
'.trim($resultSet["OPTD"]).'</li>';
$availableOptions[] = $resultSet["OPTION"];
$_SESSION['availableOptions'] = $availableOptions;
} while ($resultSet = db2_fetch_assoc($stmt1));
echo '</ul></fieldset>';
echo '<button id=selectAllOptionsButton class=buttons>Select All >></
button>';
echo '<button id=removeAllOptionsButton class=buttons><< Remove All</
button>';
echo '<button id=checkValuesButton class=buttons>Check Values</
button>';
// Second list
echo '<fieldset><legend>Selected Options</legend>';
echo '<ul id=selectedOptions name=selectedOptions
class=connectedSortable>';
echo '</ul></fieldset>';
echo '</form></div>';
---------------------------
On Oct 1, 10:00 am, Bobster <[email protected]> wrote:
> Hello group,
>
> I'm having problems using javascript to get the list items from a
> second connected sortable list.
> At page load, my first list is populated and I can fetch the list
> items as expected, but when trying to
> get the list items from the second connected list I am not able to do
> so.
>
> My javascript code is as follows:
>
> $("#checkValuesButton").click(function() {
> var sSelected;
> for(var no=0; no<"#selectedOptions".length; no++){
> if (sSelected == null) {
> sSelected = selectedOptionsItem[no].innerHTML;
> } else {
> sSelected = sSelected + ', ' +
> selectedOptionsItem[no].innerHTML;
> }
> }
> alert(sSelected);
>
> });
>
> My PHP code is as follows:
>
> // First list
> echo '<div id=options><fieldset><legend>Available Options</legend>';
> echo "<form method='post' action='checkValues.php'>";
> echo '<ul id=availableOptions name=availableOptions
> class=connectedSortable>';
> $resultSet = db2_fetch_assoc($stmt1);
> $availableOptions = array();
> do {
> echo '<li id=availableOptionsItem class=ui-state-default>'.$resultSet
> ["OPTION"].' - '.trim($resultSet["OPTD"]).'</li>';
> $availableOptions[] = $resultSet["OPTION"];
> $_SESSION['availableOptions'] = $availableOptions;} while ($resultSet
> = db2_fetch_assoc($stmt1));
>
> echo '</ul></fieldset>';
> echo '<button id=selectAllOptionsButton class=buttons>Select All >></
> button>';
> echo '<button id=removeAllOptionsButton class=buttons><< Remove All</
> button>';
> echo '<button id=checkValuesButton class=buttons>Check Values</
> button>';
> // Second list
> echo '<fieldset><legend>Selected Options</legend>';
> echo '<ul id=selectedOptions name=selectedOptions
> class=connectedSortable>';
> echo '<li id=selectedOptionsItem class=ui-state-default>test</li>';
> echo '</ul></fieldset>';
> echo '</form></div>';
>
> When the OnClick event is triggered, I am getting a javascript error
> as follows:
>
> Error: 'selectedOptionsItem[no].innerHTML' is null or not an object.
>
> If I change my code to use the first connected list and its items, it
> runs as expected.
> Does anyone have any pointers?
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
