Spry XML dataset help needed

Question

Hope someone can help me --
I've been having some success bringing an XML data set into a table using Spry, but was looking for some help on how to do something more specific.
I have a small group of data with the following headings: State, number, credits, date. I'd like to create a two-row table with the top row as the column headings and a second row that populates based on a drop-down list for the state.  
For example:
State
Number
Credits
Date
Alabama (drop down arrow)
589654
7
4/29/2009
Then, when you click the drop down arrow and choose New York, the other fields will fill in from that XML item
State
Number
Credits
Date
New York (drop down arrow)
XL7654
6.4
5/3/2009
Can anyone help?

Answer 1

Hi eschillay,
Assuming you had a data set with column names that matched the headers in your table, it would look something like this:
<script type="text/javascript">
var ds1 = new Spry.Data.XMLDataSet("states.xml", "/states/state");
</script>
<div spry:detailregion="ds1">
<table>
  <tr>
    <th>State</th>
    <th>Credit</th>
    <th>Numbers</th>
    <th>Date</th>
  </tr>
  <tr>
    <td>
      <select spry:repeatchildren="ds1" spry:choose="choose" onchange="ds1.setCurrentRowNumber(this.selectedIndex)">
        <option spry:when="{ds_RowNumber} == {ds_CurrentRowNumber}" selected="selected" value="{State}">{State}</option>
        <option spry:default="default" value="{State}">{State}</option>
      </select>
    </td>
    <td>{Credit}</td>
    <td>{Numbers}</td>
    <td>{Date}</td>
  </tr>
</table>
</div>
--== Kin ==--