如何在改变select选项时动态改变js的加载，并实时显示

如何在改变select选项时动态改变js的加载，并实时显示<select name="xueke" ><option value="0">学科</option><option value="1" >语文</option> <option value="2" >数学</option> </select>
      <script src="/js/down_select_catalog.js" id="s11"></script>试了这种方法  document.getElementById("s11").src="/js/down_select_catalog_1.js"; 不行，数值变了，但页面没有变化，请赐教，谢谢。

解决方案 »

  1.   

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default5.aspx.cs" Inherits="Default5" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title>无标题页</title>    <script type="text/javascript" language="javascript" src="JQuery.js"></script>    <script src="a.js" id="sid1" defer="defer" type="text/javascript" language="javascript"></script>
       <script type="text/javascript" language="javascript">
        $(document).ready(function(){
          $("#xueke").change(function(){
             $("#sid1").attr("src","b.js");
          
          })
           
        })
       
       </script>
    </head>
    <body>
        <form id="form1" runat="server">
            <select name="xueke" id="xueke" >
                <option value="0">学科</option>
                <option value="1">语文</option>
                <option value="2">数学</option>
            </select>
        </form>
    </body>
    </html>b.js// JScript 文件$(document).ready(function(){
     alert('b');
    })
    a.js
    // JScript 
    $(document).ready(function(){
     alert('a');
    })
      

  2.   

    楼主要实现什么功能啊？
    重新加载js ，你那样是可以的！
    要页面变化，肯定要哦你加载的js 要有对应的操作才行撒
      

  3.   

    不明白你为什么重新加载“down_select_catalog.js”
      

  4.   

    因为每个学科的分类是不一样的，各学科对应一个分类js文件，比如 <script src="/js/down_select_catalog.js" id="s11"></script>
    是语文的，如果选择了数学，就应当加载down_select_catalog_1.js，这就是这样做的目的，本人愚笨，不会js,麻烦给个完整的做法。