javascript - 用下拉列表替换文本框

Question

<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" />

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

我怎样才能做到这一点？

Answer 1

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

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