Javascript 如何将多个下拉列表和输入字段组合为单个标记字段？_Javascript_Html_Jquery

Javascript 如何将多个下拉列表和输入字段组合为单个标记字段？

javascript html jquery

Javascript 如何将多个下拉列表和输入字段组合为单个标记字段？,javascript,html,jquery,Javascript,Html,Jquery,如何在一个字段中输入多个标记下面是到目前为止我的代码。我有五个字段。前两个是分开的，后两个是相关的，最后一个是所有标签应该放在哪里我希望前两个下拉菜单“颜色”和“形状”只为“完整标记”字段提供一个标记我希望将输入字段和最后一个下拉列表组合起来，并能够输入多个标记。我该怎么做因此，作为示例，完整标记字段可以填充以下内容：颜色：红色，形状：圆形，食物：汉堡，食物：薯条，饮料：可乐，饮料：百事可乐，饮料：橙汁，衣服：耐克，衣服：阿迪达斯，容器：派瑞克斯函数myFunction{ var

如何在一个字段中输入多个标记

下面是到目前为止我的代码。我有五个字段。前两个是分开的，后两个是相关的，最后一个是所有标签应该放在哪里

我希望前两个下拉菜单“颜色”和“形状”只为“完整标记”字段提供一个标记

我希望将输入字段和最后一个下拉列表组合起来，并能够输入多个标记。我该怎么做

因此，作为示例，完整标记字段可以填充以下内容：

颜色：红色，形状：圆形，食物：汉堡，食物：薯条，饮料：可乐，饮料：百事可乐，饮料：橙汁，衣服：耐克，衣服：阿迪达斯，容器：派瑞克斯

函数myFunction{ var taginput=$'taginput'.val； var tagdropdown=$'tagdropdown'.val； $'fulltag'.valtagdropdown+：+taginput； } 功能myFunction2{ var tagcolordropdown=$'tagcolordropdown'.val； var tagdropdown=$'tagdropdown'.val； $'fulltag'.valcolor:+tagcolordropdown； } 功能myFunction3{ var tagshapedropdown=$'tagshapedropdown'.val； $'fulltag'.valcolor:+tagshapedropdown； } 这幅画是什么颜色的蓝色红色黄的绿色图片中的形状是什么：圆圈广场长方形五角形输入标签：键入与您的图像相关的食物、饮料、衣服的名称。选择与标记匹配的描述：请从下拉列表中选择最能描述标记的术语。食物喝衣服容器完整标签：

您可以将值存储在数组中，并在操作完成后将其联接。见下面的例子

但是，您的代码需要一些更改。您使用的是jQuery，但通过onclick属性分配事件，而不是使用选择器的jQuery方式

设fullArray=[]；函数myFunction{ var taginput=$'taginput'.val； var tagdropdown=$'tagdropdown'.val； fullArray.pushtagdropdown+：+taginput；组合价值； } 功能myFunction2{ var tagcolordropdown=$'tagcolordropdown'.val； var tagdropdown=$'tagdropdown'.val； fullArray.unshiftcolor:+tagcolordropdown；组合价值； } 功能myFunction3{ var tagshapedropdown=$'tagshapedropdown'.val； fullArray.unshiftshape:+tagshapedropdown；组合价值； } 函数组合值{ $'fulltag'.valfullArray.join，； } 完整标签{ 宽度：100%； } 这幅画是什么颜色的蓝色红色黄的绿色图片中的形状是什么：圆圈广场长方形五角形输入标签：键入与您的图像相关的食物、饮料、衣服的名称。选择与标记匹配的描述：请从下拉列表中选择最能描述标记的术语。食物喝衣服容器完整标签：

您可以将值存储在数组中，并在操作完成后将其联接。见下面的例子

但是，您的代码需要一些更改。您使用的是jQuery，但通过onclick属性分配事件，而不是使用选择器的jQuery方式