Question

<select name="userSelected">
            <option value="-1">---Select---</option>
            <c:forEach items="${users}" var="user" varStatus="status">
                <option value="${user.userId}">${user.userName}</option>
            </c:forEach>
</select>
<button type="button" onclick="window.location.href='${pageContext.request.contextPath}/viewExpense/userSelected/<%=-1%>'">view</button>

当用户从下拉列表中选择任何值时，我们可以使用name属性获取相应的值（在这种情况下，name是“userSelected”）。但是我如何使用该scriptlet将此值附加到上面的href url中。有人帮忙!!!

Answer 1

如果要链接到页面上的锚点，则需要在锚点前放置#。

试试这个

 $("#yourDropdown").change(function () { 
   var selectedValue = $('#yourDropdown option:selected').val();
   $("a").attr('href','#'+selectedValue); // just Append # tag before value
});

Answer 2

您可以尝试以下内容：

<select id="userSelected">
      ----------
      ----------
</select>

<button type="button" onclick="submitPage();">view</button>

<script type="text/javascript">

    function submitPage() {
        var elm = document.getElementById("userSelected");
        var strVal = elm.options[elm.selectedIndex].value;
        window.location.href = '/viewExpense/userSelected/' + strVal;
    }
</script>

如果可能的话，你可以尝试使用JQuery做同样的事情。

<select id="userSelected">
    --------
    --------
</select>

<button id="submitButton">view</button>

<script type="text/javascript">
    $(document).ready(function() {
        $('#submitButton').on('click', function() {
            window.location.href = '/viewExpense/userSelected/' + $('#userSelected :selected').text();;
        });
    });
</script>

如何在scriptlet中获取选定的下拉列表值

2 个答案: