用下拉列表替换文本框答案

【问题标题】：Replace textbox with drop down list用下拉列表替换文本框
【发布时间】：2012-12-03 14:42:20
【问题描述】：

<s:select name="searchCriteria"
            headerValue="Select Criteria"
            list="#{'userName':'User Name','email':'Email','status':'Status','firmName':'Firm Name','firstName':'First Name',
            'middleName':'Middle Name','lastName':'Last Name'}"
              ></s:select>

<s:textfield name="searchField" size="50" />

我有一个下拉列表，允许我按搜索条件搜索用户。但是当用户选择按公司名称搜索时。我想用下拉列表替换文本框（显示可用公司）。

我怎样才能做到这一点？

【问题讨论】：

使用 JavaScript。

标签： javascript jquery css struts2 struts

【解决方案1】：

将文本框包装在一个 div 中，然后在用户做出所需选择时添加一个事件，您可以执行类似的操作

$('div').empty().html('<s: select ... ');

【讨论】：

问题是 s:select 是 struts2 标签..浏览器无法处理 struts2 标签
尝试预先创建元素并隐藏它直到用户选择，然后在选择时显示它并隐藏文本框字段而不从页面中删除任何内容

【解决方案2】：

人们不接受我对 Alex_B 的编辑（¬¬' 我只是在编码 Alex_B 在 cmets 中所说的内容）所以我提出了这个新答案：

将文本框包装在一个 div 中，然后在用户做出所需选择时添加一个事件，您可以执行类似的操作

$('#select_id').show();
$('#textbox_id').hide();

还有jsp：

<s:select id="first_select" ... ></s:select>

<s:select id="select_id" ...></s:select>
<s:textfield id="textbox_id" .../>

【讨论】：