选择动态选择的选项：使用JSP + Jquery

Question

我有一个包含4个链接的页面，每个链接如下所示。

 <a href="contact.jsp?subject=one">Link1</a>
 <a href="contact.jsp?subject=two">Link2</a>
 <a href="contact.jsp?subject=three">Link3</a>
 <a href="contact.jsp?subject=Four">Link4</a>

contact.jsp只是具有文本框和带有4个选项的表单。 每当用户单击上方的链接时，都应进入联系表，并根据HREF链接中传递的查询参数（主题）选择实际的主题选项。

可以在Jquery中做吗？

Answer 1

通过在HTML <option>元素中存在selected属性来标识所选选项。

只需让JSP相应地生成所需的HTML。

<select name="subject">
    <option value="one" ${param.subject == 'one' ? 'selected' : ''}>one</option>
    <option value="two" ${param.subject == 'two' ? 'selected' : ''}>two</option>
    <option value="three" ${param.subject == 'three' ? 'selected' : ''}>three</option>
    <option value="four" ${param.subject == 'four' ? 'selected' : ''}>four</option>
</select>

不需要怪异的JS / jQuery解决方法。 无论如何，它们都是为了逐步增强。 换句话说，您的webapp的设计/开发方式即使在禁用JS的情况下也应保留其核心功能。

Answer 2

只要您在URL中列出了主题，就可以通过以下方式获取它：

$(document).ready(function(){
    function getURLParameter(name) {
        return decodeURI(
            (RegExp(name + '=' + '(.+?)(&|$)').exec(location.search)||[,null])[1]
        );
    }
    $('#mySelect').val(getURLParameter('subject'));
});

然后，只需确保选择框选项的值对应于可能性“一，二，三”和“四”即可。

为了回应您在下面的评论，如果您想检查该值并可能显示文件上传输入，则代码可能如下所示：

$(document).ready(function(){
    function getURLParameter(name) {
        return decodeURI(
            (RegExp(name + '=' + '(.+?)(&|$)').exec(location.search)||[,null])[1]
        );
    }
    $('#mySelect').val(getURLParameter('subject'));
    if($('#mySelect').val() == 'three'){
        $('#myFileUpload').show();
    }
});