選擇動態選擇的選項：使用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();
    }
});