图1图2在图1中点击修改后如何实现图2中显示对应行业的下拉列表,也就是如何只显示对应 修改 的分类,比如我点击图1中,电力DL后面的修改,在而图2中只有在点击修改的那行显示下拉列表,其余行不显示,现在的情况是,我点击图1中任何一个修改在图2中都显示成下拉列表。请求高手赐教!
图1图2在图1中点击修改后如何实现图2中显示对应行业的下拉列表,也就是如何只显示对应 修改 的分类,比如我点击图1中,电力DL后面的修改,在而图2中只有在点击修改的那行显示下拉列表,其余行不显示,现在的情况是,我点击图1中任何一个修改在图2中都显示成下拉列表。请求高手赐教!
你可以把所属分类下的每一项都放在一个唯一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>这样就能实现吧!
上面只是些建议!你参考下哈!
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");
});