Question

我有一个清单：

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

我想要做的是在div #content中加载不同的脚本，具体取决于我选择的选项。该脚本将加载一些rss内容：

<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>

假设我选择了1选项，那么标识为1的脚本将加载到页面中，如果我选择选项2，则标识为1的脚本将卸载并2将加载

任何想法？感谢

Answer 1

你可以使用这样的东西

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

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

和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

Answer 2

您可以向选项元素添加jQuery .click()事件，并让该click事件调用jQuery .load()事件。

它可能看起来像：

$('test').children()[0].click(function() {
  $('#resultDiv').load('yourLink.html');
});

Answer 3

你必须看下面的动态javascript加载器js库

headjs

OR

jquery当我点击不同的链接时如何加载不同的脚本？

3 个答案:

headjs

labjs