当前位置：文江博客话题详情

显示和隐藏订单列表

发布于 2024-09-26 08:18:46 字数 123 浏览 3 评论 0原文

字符串+

如果用户单击+号我想显示一些订单列表

然后字符串-

如果用户单击-号我想隐藏订单列表

如何使用javascript实现此目的，而不是使用ajax，jquery

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

方圜几里 2024-10-03 08:18:46

您必须为有序列表创建一个 id，例如

<ol id="superId">


</ol>

，然后在 javascript 上

function displayOL(enabled) {
  if (enabled) {
     document.getElementById("superId").style.display = "none";
     document.getElementById("minus").style.display = "block";
     document.getElementById("plus").style.display = "none"; 
  } else {
     document.getElementById("superId").style.display = "block"
     document.getElementById("minus").style.display = "none";
     document.getElementById("plus").style.display = "show";
  }
}

，然后在 anchor 标记

<a href="#" onclick="displayOL(true)" id="plus">+</a>

<a href="#" onclick="displayOL(false)" id="minus">-</a>

PS 上......我只是无序地进行了一个粗略的实现.. ..

You will have to create an id for the ordered list, e.g.

<ol id="superId">


</ol>

then on javascript

function displayOL(enabled) {
  if (enabled) {
     document.getElementById("superId").style.display = "none";
     document.getElementById("minus").style.display = "block";
     document.getElementById("plus").style.display = "none"; 
  } else {
     document.getElementById("superId").style.display = "block"
     document.getElementById("minus").style.display = "none";
     document.getElementById("plus").style.display = "show";
  }
}

then on anchor tag

<a href="#" onclick="displayOL(true)" id="plus">+</a>

<a href="#" onclick="displayOL(false)" id="minus">-</a>

PS....I just did a rough implementation in no order....

回复收藏 0 原文

染年凉城似染瑾 2024-10-03 08:18:46

尝试这个并将其附加到您的任何事件，即 onclick、onmouseover 等...：

function toggleList(elem){
var theList = document.getElementById(elem);

if(theList.style.display == "none"){
    theList.style.display == "block";
}
else{
    theList.style.display == "none";
}
}

此方法可用于您想要显示/隐藏的任何内容。显然，您可以将函数和变量命名为您喜欢的任何有意义的内容......

try this and attached it to your any event, i.e. onclick, onmouseover, etc...:

function toggleList(elem){
var theList = document.getElementById(elem);

if(theList.style.display == "none"){
    theList.style.display == "block";
}
else{
    theList.style.display == "none";
}
}

This method can be used for anything you want to show/hide. Obviously, you can call the function and variable anything you like that makes sense...

回复收藏 0 原文

~没有更多了~