-1

如果我在错误的地方发布了这个，我提前道歉......

好的。我想在我的网站上添加一个类似的分层/可选数据列表，可以在 ebay 的“出售新商品页面”上找到：

http://cgi5.ebay.com/ws/eBayISAPI.dll?NewListing

注意：您可能需要能够登录 ebay 才能访问该链接。对不起

（我试图发布一个屏幕截图来说明那些无法访问上述链接的人的表格，但由于我是 StackOverflow 的新用户，我不允许在我的 Reputation > 10 之前发布图像。无赖）

如果您无法点击上面的链接，请转到 ebay.com，登录（如果您有帐户），单击 SELL 选项卡-> SELL AN ITEM，然后单击 BROWSE CATEGORIES LINK 将显示有问题的列表。

Ebay 使用他们的版本来确保卖家将他们的拍卖物品列在正确的类别中，我可以在我自己的网站上将类似的东西用于完全不相关的目的。

它的工作原理是这样的：页面加载时，第 1 列会填充可能的类别选项列表，当用户选择其中一个选项时，新的（第二）列子选项会显示在第一个选项的右侧。When an option from column 2 is selected, column 3's options are displayed and so forth until the user has drilled down into the categories and arrives on one which does not have any additional subcategories. 最终，在用户到达类别行末尾的右下角会显示一个类别编号。

2个问题：

  1. 为了帮助我研究它是如何工作的，它是什么类型的列表？（假设它是一个列表而不是菜单等。）
  2. 为了让我为我的网站制作一个，是否需要在 javascript 中添加代码，或者是否有在线生成器来制作这样的动物？

在提出问题之前，我已经检查了页面的源代码，但是对于 html/php 来说还很新，并且还没有涉足 javascript，所以我对如何了解更多信息一无所知。

知道如何称呼这种类型的列表将帮助我在谷歌上找出如何为我当前位于 mySQL 表中的数据制作外观和功能相似的东西。

提前感谢您的任何回复！

4

2 回答 2

2

这可以通过以下代码在 HTML 及其所谓的“选择列表”中实现：

<select name="items" size="3">
<option value="ball">Ball</option>
<option value="toy">Toys</option>
<option value="something">Something</option>
</select>

你可以在这里看到它的作用：http: //jsfiddle.net/5EXmc/

当然，您将需要一些 javascript 来了解选择了哪个项目。

如果您对 javascript 感兴趣以取代您选择的内容：http: //jsfiddle.net/5EXmc/1/

$("select").change(function () {
  var str = "";
  $("select option:selected").each(function () {
            str += $(this).text() + " ";
  });
  $("div").text(str);
}).change();
于 2013-02-28T16:10:00.843 回答
0

如果您花 10 秒时间查看 HTML，您会发现它只是一个select带有size属性的元素。这只是输入元素的另一种模式。

于 2013-02-28T16:08:19.337 回答