Html 一<;选项>;列出几个<;选择>;元素

Html 一<;选项>;列出几个<;选择>;元素,html,Html,是否可以在html中定义一个下拉列表,并将其用于一个页面上的多个表单 我有这个下拉表格: <select name="test1" id="test1"> <option value="1">One</option> <option value="2">Two</option> <option value="3">Three</option> </select> 一个 两个 三 我会有更多类似的

是否可以在html中定义一个下拉列表,并将其用于一个页面上的多个表单

我有这个下拉表格:

<select name="test1" id="test1">
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</select>

一个
两个
三
我会有更多类似的表单,但是列表是一样的。比如:

<select name="test2" id="test2">
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</select>

<select name="test3" id="test3">
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</select>

一个
两个
三
一个
两个
三

我的问题:是否可以对所有表单使用一个下拉列表?所以我不必复制每一个?(下拉列表中将有200多行)

我假设您的服务器接受PHP(通常是这样的)

编写此脚本并将其另存为:myoption.php

<?php
echo 
'<select name="test1" id="test1">
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</select>';
?>

然后在脚本的所需位置创建一个php include,并将其保存为yourformname.php

<?php
    include ("myoption.php");
?>

我假设您的服务器接受PHP(通常会接受)

编写此脚本并将其另存为:myoption.php

<?php
echo 
'<select name="test1" id="test1">
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</select>';
?>

然后在脚本的所需位置创建一个php include,并将其保存为yourformname.php

<?php
    include ("myoption.php");
?>

是否可以在html中定义一个下拉列表并将其用于 一页上有几张表格

是-您可以使用javascript在客户端克隆下拉列表

见:

var numberOfAdditionalSelects=3;
var body=document.getElementsByTagName('body')[0];
var select1=document.getElementById('select1');
对于(变量i=0;i

一个
两个
三
是否可以在html中定义一个下拉列表并将其用于 一页上有几张表格

是-您可以使用javascript在客户端克隆下拉列表

见:

var numberOfAdditionalSelects=3;
var body=document.getElementsByTagName('body')[0];
var select1=document.getElementById('select1');
对于(变量i=0;i

一个
两个
三
使用纯JavaScript:

var html=document.getElementById('test1').innerHTML;
var x=1;
变量y=3;
而(y!==x++)
document.getElementById('test'+x).innerHTML=html

一个
两个
三
使用纯JavaScript:

var html=document.getElementById('test1').innerHTML;
var x=1;
变量y=3;
而(y!==x++)
document.getElementById('test'+x).innerHTML=html

一个
两个
三

您主要有两种选择

您可以将组合框的逻辑集成到服务器代码中,也可以将其集成到客户端代码中

由于我不知道您在服务器端使用的是什么,我将在客户端给出我的答案

在javascript上,您可以使用每个select都通用的HTML创建一个变量


然后,只需创建一个函数,将基于输入参数的combobox代码的其余部分添加到公共变量中,并将整个代码注入DOM。

您主要有两个选项

您可以将组合框的逻辑集成到服务器代码中,也可以将其集成到客户端代码中

由于我不知道您在服务器端使用的是什么,我将在客户端给出我的答案

在javascript上,您可以使用每个select都通用的HTML创建一个变量


然后,只需创建一个函数,将基于输入参数的combobox代码的其余部分添加到公共变量中,并将整个代码注入DOM。

否。至少不能按照您的要求使用HTML。当您在客户端创建页面或Javascript时,您应该在服务器端执行此操作。不适用于选择字段选项。(HTML5数据列表可以由多个输入字段引用,但这会创建一个稍微不同的输入控件,)嗨-不要让Sergi混淆。。。我认为这是一个糟糕的问题。据我所知,他希望以不同的形式(文档)使用select,而不是将其复制到同一文档中@塞吉->你能澄清吗?萝卜完全理解我的问题。我的意思是用HTML做这些,而不是用PHP或JS。谢谢你的回答。不。至少不像你要求的那样使用HTML。当您在客户端创建页面或Javascript时,您应该在服务器端执行此操作。不适用于选择字段选项。(HTML5数据列表可以由多个输入字段引用,但这会创建一个稍微不同的输入控件,)嗨-不要让Sergi混淆。。。我认为这是一个糟糕的问题。据我所知,他希望以不同的形式(文档)使用select,而不是将其复制到同一文档中@塞吉->你能澄清吗?萝卜完全理解我的问题。我的意思是用HTML来做这些,而不是用PHP或JS。谢谢你的回答。谢谢你的回答。我知道如何使用服务器端或JS,但不知道是否有使用纯HTML的选项:)谢谢您的回答。我知道如何使用服务器端或JS,但不知道是否有使用纯HTML的选项:)