Question

i have a list:

<select name="test" id="test">
<option value="1">about</option>
<option value="2">portfolio</option>
</select>

what i am trying to do is to load a different script inside a div #content depending on what option i choose. The script will load some rss content:

<div id="content">      
<script id="1" type="text/javascript" src="http://rss.bloople.net/?url=http%3A%2F%2Fwww.exploretalent.com%2Frss_cj.php%3Fpid%3D3087968%26file_xml%3Dcastings_new.xml&showtitle=false&type=js&id=1307038796890991"></script>
<script id="2" type="text/javascript" src="http://rss.bloople.net/?url=http%3A%2F%2Fwww.exploretalent.com%2Frss_cj.php%3Fpid%3D3087968%26file_xml%3Dcastings_new.xml&showtitle=false&type=js&id=1307038796890991"></script>
</div>

lets say if i select option 1 then a script with id 1 will load into page, if i select option 2 than the script with id 1 will unload and 2 will load

any ideas?
thanks

Answer 1

You could use something like this

<select name="test" id="test">
    <option value=""></option>
    <option value="1">about</option>
    <option value="2">portfolio</option>
</select>

<div id="feed-1307038796890991"></div>

and the js

$(function(){
    var urls = [
        "http://rss.bloople.net/?url=http%3A%2F%2Fwww.exploretalent.com%2Frss_cj.php%3Fpid%3D3087968%26file_xml%3Dcastings_new.xml&showtitle=false&type=js&id=1307038796890991",
        "http://rss.bloople.net/?url=http%3A%2F%2Fwww.exploretalent.com%2Frss_cj.php%3Fpid%3D3087968%26file_xml%3Dcastings_new.xml&showtitle=false&type=js&id=1307038796890991"
        ];

    $("#test").change(function(){
        if ($(this).val() != ""){
            $.getScript(urls[$(this).val() - 1]);
        }
    })
})

Demo