1

我在使用 jquery 表单中的选定值时遇到问题。它与以下密切相关：

我已经尝试了几个小时使用上述（和其他）示例来完成这项工作。

我有一个带有帐号的下拉列表：

    <form id="accounts">
        <select>
            <option value="">Select one</option>
            <c:forEach var="custAccount" items="${customerAccounts}">
                <option value=${customerAccount}>${customerAccount.accountId}</option>
            </c:forEach>
        </select>
    </form>

我想在 href 中使用选定的帐户：

            <a href="Controller?&accountid='+selectedAccount+'&username=${username}&userid=${userid}&command=customerNewTransaction">Start new transfer</a>

这是我的脚本：

    <script type="text/javascript">
      $(document).ready(function() {
        var selectedAccount;
        $("#accounts").change(function() {
           selectedAccount = $(this).text();
        });
      });
    </script>

这不起作用，并且每次选择的文本都是空的。我也尝试过调用 .val() 并得到相同（缺少）的结果。

我错过了什么？

4

3 回答 3

0

您在表单上添加了一个更改处理程序，而不是选择。你可能想要这样的东西：

<form id="accountForm">
  <select id="account">
    ..
  </select>
</form>

然后在你的 jQuery 脚本中：

$(document).ready(function () {
    $('#account').on('change', function (event) {
      $('#accountForm').append($(this).val());
    });        
});
于 2013-11-12T19:12:24.970 回答
0 
<form id="accounts">
    <select id="account-select">
        <option value="">Select one</option>
        <c:forEach var="custAccount" items="${customerAccounts}">
            <option value=${customerAccount}>${customerAccount.accountId}</option>
        </c:forEach>
    </select>
    <div id="transfer-container">

    </div>
</form>

<script type="text/javascript">
  $(document).ready(function() {
      $("#account-select").change(function() {
          $('#transfer-container').html( '<a href="Controller?&accountid='+ $(this).val() +'">Start new transfer</a>' );
    });
  });
</script>
于 2013-11-12T19:34:28.983 回答
0

啊，我看到 MackieeE 打败了我，但只是提供一个稍微不同的例子：

    <script type="text/javascript">
        function updateLink() {
            var selectedAccount = $('#account').val();
            var uri = 'Controller?&accountid='+selectedAccount+'&command=customerNewTransaction';

            $('#account-link').attr('href', uri);
        }
    </script>

    <form>
      <select id="account" onchange="updateLink();">
        <option value="0" selected disabled>Select one</option>
        <c:forEach var="custAccount" items="${customerAccounts}">
          <option value=${customerAccount}>${customerAccount.accountId}</option>
        </c:forEach>
      </select>
    </form>

    <a id="account-link" href="#">Start a new transfer</a>
于 2013-11-12T19:41:44.963 回答