图1图2在图1中点击修改后如何实现图2中显示对应行业的下拉列表,也就是如何只显示对应  修改  的分类,比如我点击图1中,电力DL后面的修改,在而图2中只有在点击修改的那行显示下拉列表,其余行不显示,现在的情况是,我点击图1中任何一个修改在图2中都显示成下拉列表。请求高手赐教!

解决方案 »

  1.   

    Ajax实现,用jQuery比较简单些。
      

  2.   

    我对ajax和jQuery不了解啊,如果用这个实现能不能给出源码啊?如果用PHP做给个思路就行,谢谢
      

  3.   

    这玩意应该不是很难啊!直接JS实现也不麻烦吧
    你可以把所属分类下的每一项都放在一个唯一id的div或者其他的布局标签里面。
    你在修改按钮上弄个onClick事件,JS把对应id的部分内部的内容换掉就行了!<script>
    function change_it(div_id){
    var id= div_id;
    document.getElementById("id").innerHTML="<select><option></option></select>";
    }
    </script>
    <div id="div1"><input type = "text"/><input type = "button" onClick="change_it('div1')"/></div>你可以直接用js输出,也可以在页面里面隐藏一个div里面存着对应的内容。但是这个div是看不见的。<div id="div1_cont" style="display:none;">
    <select>
    <option value="0" selected>电力DL</option>
    <!--some other code...-->
    </select><input type="button" value="确定" onClick="submit()"/></div>
    这样你的js中的change_it()可以简单些。<script>
    function change_it(ids){
    var id=ids;
    var id1=ids+"_cont";
    var context = document.getElementById("id1").innerHTML;
    getElementById("id").innerHTML=context;
    }
    </script>这样就能实现吧!
    上面只是些建议!你参考下哈!
      

  4.   

    jquery 中的  load() 方法了  
    load(url,[data],[callback])
    载入远程 HTML 文件代码并插入至 DOM 中。
    默认使用 GET 方式 - 传递附加参数时自动转换为 POST 方式。jQuery 1.2 中,可以指定选择符,来筛选载入的 HTML 文档,DOM 中将仅插入筛选出的 HTML 代码。语法形如 "url #some > selector"。请查看示例。--------------------------------------------------------------------------------Load HTML from a remote file and inject it into the DOM.
    A GET request will be performed by default - but if you pass in any extra parameters then a POST will occur. In jQuery 1.2 you can now specify a jQuery selector in the URL. Doing so will filter the incoming HTML document, only injecting the elements that match the selector. The syntax looks something like "url #some > selector". See the examples for more information.
    返回值
    jQuery参数
    url (String) : 待装入 HTML 网页网址。data (Map) : (可选) 发送至服务器的 key/value 数据。callback (Callback) : (可选) 载入成功时回调函数。示例
    加载文章侧边栏导航部分至一个无序列表。 HTML 代码:<b>jQuery Links:</b>
    <ul id="links"></ul> 
    jQuery 代码:$("#links").load("/Main_Page #p-Getting-Started li"); 
    --------------------------------------------------------------------------------加载 feeds.html 文件内容。 jQuery 代码:$("#feeds").load("feeds.html"); 
    --------------------------------------------------------------------------------同上,但是以 POST 形式发送附加参数并在成功时显示信息。 jQuery 代码: $("#feeds").load("feeds.php", {limit: 25}, function(){
       alert("The last 25 entries in the feed have been loaded");
     }); 
      

  5.   

    那是结合了ajax的,ajax是javascript的一种。