创建一个html页面,其select元素选项相同

时间:2016-02-15 11:46:04

标签: javascript html drop-down-menu

我正在构建一个简单的网页来注册文档和邮政编码之间的一些关联。

在左侧有一个包含文档信息的文本,在右侧有一个select元素,其中包含用户将选择的所有值。

目前我正在做的是在文档表中运行查询,创建一个html表,其第一个<td>是所需文本,第二个<td>包含一个选择。

使用来自post_codes表的另一个查询中的数据填充该选项。

我的问题是即使运行良好,它也会创建一个巨大的网页。 post_codes表包含超过一千行,而documents表通常包含四百多行。

有没有办法将(超过400个)选择元素的所有选项放在某处(比如链接),然后让select元素显示这些选项?

以下是当前创建的内容

<td name="document_123342">Code:123342 Name:mister mister</td>
<td name="post_code_123342">
    <Select>
        <Option value="1234">1234</Option>
        <Option value="1235">1235</Option>
        <Option value="1236">1236</Option>
        ....
    </Select>
</td>

理想情况下,我想要的是这样的事情:(我不知道是否可以提及它)

(some sort of source statement here with a name like post_code_values)
        <Option value="1234">1234</Option>
        <Option value="1235">1235</Option>
        <Option value="1236">1236</Option>


<td name="document_123342">Code:123342 Name:mister mister</td>
<td name="post_code_123342">
    <Select>
        (somehow insert everything with the name post_code_values)
    </Select>
</td>

1 个答案:

答案 0 :(得分:0)

在您的表格中,如果您当前有邮政编码的下拉列表,请将其替换为“选择邮政编码”&#39;按钮,显示弹出窗口或灯箱,带有邮政编码列表。然后,当用户选择邮政编码时,它将存储在表格中该行的隐藏字段中。这样,您只需要select邮政编码列表的一个副本。

this jsfiddle

中查看我的意思