生成选择而不是输入

发布于 2024-10-05 23:45:17 字数 1107 浏览 4 评论 0原文

由于编辑我的一些模板的限制，我真的需要您的帮助：

生成一个选择列表预定义选项而不是输入字段
输入字段之后隐藏 select 是
在某些选项选择传输时生成的该选项的值隐藏起来输入

我提供了一些 HTML 以便更清楚：

这是我们在应用 jQuery 之前在模板中得到的内容：

<input type="text" id="myId" name="myName" value="">

这就是我们需要的内容应用 jQuery 后

<select id="mySelect">
   <option>a</option>
   <option>b</option>
   <option>c</option>
</select>

<input type="text" id="myId" name="myName" value="" style="display:none">

请注意：我需要预定义选项值及其数量。选择必须在输入字段所在的位置生成。

另外：我还确实需要在某些模板中生成两个或多个选择列表，并将所选选项的值一致地传输到一个输入中。

示例：

   <select id="mySelect1">
     <option>a</option>
   </select>

   <select id="mySelect2">
     <option>b</option>
   </select>

   <input type="text" id="myId" name="myName" value="a b" style="display:none"> //a + b added

提前致谢！

原文

Due to restrictions of editing some of my templates I really need your help with:

generate a select list with
predefined options instead of input
field
input field to be hidden after
select is generated
when some option selected transfer
that option's value into that hidden
input

I provide some HTML to be more clear:

This is what we've got in the template before jQuery is applied:

<input type="text" id="myId" name="myName" value="">

This is what we need it to be after jQuery is applied

<select id="mySelect">
   <option>a</option>
   <option>b</option>
   <option>c</option>
</select>

<input type="text" id="myId" name="myName" value="" style="display:none">

Please note: I need to predefine options value and their quantity. Select must be generated right where input field was.

Also: I also really need to generate two or more select lists in some templates and transfer selected option's values consistently into one input.

Example:

   <select id="mySelect1">
     <option>a</option>
   </select>

   <select id="mySelect2">
     <option>b</option>
   </select>

   <input type="text" id="myId" name="myName" value="a b" style="display:none"> //a + b added

Thanks in advance!

分享到QQ

分享到微博

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

发布评论

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

泪冰清 2024-10-12 23:45:17

隐藏您的输入框：
$("#myId").hide();
动态生成选择框：

var select = "

在输入框之前或之后插入此框：

$(select).insertBefore($("#myId"));

或者

$(select).insertAfter($("#myId"));

Hide your input box:
$("#myId").hide();
Dynamically generate a select-Box:

var select = "<select onchange=\"$('#myId').val(this.value);\">"+
             "<option value=\"a\">a</option>" +
             "<option value=\"b\">b</option>" +
             "<option value=\"c\">c</option>" +
             "</select>";