用下拉列表替换文本框

时间:2012-12-03 14:42:20

标签: javascript jquery css struts2 struts

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

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

我怎样才能做到这一点?

2 个答案:

答案 0 :(得分:0)

将文本框换行为div,然后在用户进行所需选择时添加事件,您可以执行以下操作

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

答案 1 :(得分:0)

人们不接受我对Alex_B的编辑(¬-'我只是编码Alex_B在评论中说的话)所以我把这个新的答案:

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