new div using javascript...but adding via another page

**jonnyfreak** · 07-30-2013, 11:01 AM

I currently have a select jump list (using jquery) that shows locations e.g spain,uk,italy when one of the locations is selected a div is shown with shops in the chosen location

Code:

  <script type="text/javascript" src="jquery.js"></script>

  <script language="JavaScript1.2" type="text/javascript">
$(document).ready(function(){
$('#box1').hide();
$('#box2').hide();
$('#box3').hide();
$('#box4').hide();
$('#box5').hide();
$('#box6').hide();
$('#box7').hide();
$('#box8').hide();
$('#box9').hide();
$('#box10').hide();
$('#box11').hide();
$("#thechoices").change(function(){
$("#" + this.value).show().siblings().hide();
});

$("#thechoices").change();
});
</script>

the select list

Code:

            <select id="thechoices">
              <option value="box1">SELECT</option>
              <option value="box2">Belgium</option>
              <option value="box3">Finland</option>
              <option value="box4">France</option>
              <option value="box5">Greece</option>
              <option value="box6">Italy</option>
              <option value="box7">Japan</option>
              <option value="box8">Netherlands</option>
              <option value="box9">Spain</option>
              <option value="box10">South Korea</option>
              <option value="box11">Switzerland</option>
              <option value="box12">UK</option>
              <option value="box13">USA</option>
            </select>

div

Code:

          <div id="boxes">
            <div id="box1">
              <table width="400" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td>&nbsp;</td>
                  <td>&nbsp;</td>
                  <td>&nbsp;</td>
                  <td>&nbsp;</td>
                </tr>
                <tr>
                  <td>&nbsp;</td>
                  <td>&nbsp;</td>
                  <td>&nbsp;</td>
                  <td>&nbsp;</td>
                </tr>
            </table></div></div>

but what i need to do is be able to add this via the admin area. to content can dynamically added and shown on this page. i can add the address to the locations no problem but need to be able to show the newly added locations or shops in these divs

does that make sense?

thanks in advance