【问题标题】:How to display a text field based on s:select struts 2如何基于 s:select struts 2 显示文本字段
【发布时间】:2015-05-14 15:35:10
【问题描述】:

我有一个包含这些行的 Jsp 文件:

<s:select list="list" name="message" id="selectMsg"></s:select>
<div id="txtMessage" style="display:none">
   <h3>
      <span id="txtMessage" style="margin-left: 230px">
          Message: <s:textarea name="message" placeholder="Message"/>
      </span>
   </h3>
</div>

行动:

public String warn() throws Exception {
    WarnDAO dao = new WarnDAO();

    AccountDAO accdao = new AccountDAO();
    acc = accdao.getAccountByUsername(username);

    List<WarningMessage> warningMessage = dao.showMsg();
    list = new ArrayList<String>();
    for (WarningMessage warningMessage1 : warningMessage) {
        list.add(warningMessage1.getMessage());
    }
    list.add("Other");


    warning_msg_DAO wmDAO = new warning_msg_DAO();
    wm = wmDAO.getByMessage(message);

    DateFormat dateFormat = new SimpleDateFormat("hh:mm a dd/MM/yyyy");
    Date date = new Date();
    System.out.println(dateFormat.format(date));
    WarningAccount warningAcc = new WarningAccount();
    warningAcc.setWarnedaccount(acc);
    warningAcc.setMessage(message);
    warningAcc.setDay(date);

    dao.warn(warningAcc);
    return "success";
}

在 s:select 中包含一个选项“其他”。当用户选择“其他”时,文本区域将显示并允许用户输入自己的消息。有什么解决办法吗?

【问题讨论】:

  • 你在重新发明轮子。您要查找的对象很可能是autocompleter,除非您确实需要一个文本区域(例如,保留换行符)来存储替代文本。在这种情况下,只需使用 vanilla javascript、jQuery 或其他任何东西,根据选择的值显示/隐藏文本区域。

标签: java jsp drop-down-menu struts2


【解决方案1】:

function toggleOther(val){
    document.getElementById("other").style.display = (val=="other") ? "block" : "none";
}
<select onchange="toggleOther(this.value);">
    <option value="foo"  >________ FOO ________</option>
    <option value="bar"  >________ BAR ________</option>
    <option value="other">_______ OTHER ______</option>
</select>
<div id="other" style="display: none;">    
    <textarea>I'm visible only when choosing OTHER</textarea>
</div>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2013-01-16
    • 1970-01-01
    • 1970-01-01
    • 2015-08-17
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多