Question

我有一个选择下拉表单，它有一些值。我的Web应用程序的设置方式是 - 当下拉选择选项更改时，它会触发一个JS函数，将数据填充到表中。我想要做的是，能够通过URL传递选项，这样当我访问URL时，可能会在其末尾添加#selected_option，它将加载选择了该选项的页面。我对任何能够轻松完成此任务的方法持开放态度。现在，当我更改选择值时，URL根本不会改变。谢谢！＆lt; select class =＆＃34; form-control＆＃34;平变化=＆＃34; refreshOrg（）＆＃34; ID =＆＃34; selectTeam＆＃34;＆GT; ＆lt; option value =＆＃34; dis＆＃34;已停用已选中＆gt;请选择一个团队..＆lt; / option＆gt; ＆lt; option value =＆＃34; 1＆＃34;＆gt; Platform（ALL）＆lt; / option＆gt; ＆lt; option value =＆＃34; 2＆＃34;＆gt;操作工具＆lt; / option＆gt; ＆lt; option value =＆＃34; 3＆＃34;＆gt;大数据平台＆lt; / option＆gt; ＆lt; option value =＆＃34; 4＆＃34;＆gt;信息集成治理＆lt; / option＆gt; ＆lt; option value =＆＃34; 5＆＃34;＆gt; Cloud Data Services＆lt; / option＆gt; ＆lt; option value =＆＃34; 6＆＃34;＆gt; Relational Analytics＆lt; / option＆gt; ＆lt; option value =＆＃34; 7＆＃34;＆gt; SAP CoE＆lt; / option＆gt; ＆lt; option value =＆＃34; 8＆＃34;＆gt;业务分析平台＆lt; / option＆gt; ＆lt; option value =＆＃34; 9＆＃34;＆gt; Competetive＆lt; / option＆gt; ＆LT; /选择＆GT;

Answer 1

将所选选项作为查询字符串传递，然后您可以在构建时检查每个选项的值：

URL：

http://www.example.com/mypage?selectedOption=7

CODE：

<select class="form-control" onchange="refreshOrg()" id="selectTeam">
    <option value="dis" disabled>Please Select a Team..</option>
    <option value="1"<?php if ($_GET['selectedOption'] == 1) { echo " selected"} ?>> Platform (ALL)</option>
    <option value="2"<?php if ($_GET['selectedOption'] == 2) { echo " selected"} ?>> Operations Tools</option>
    <option value="3"<?php if ($_GET['selectedOption'] == 3) { echo " selected"} ?>> Big Data Platform</option>
    <option value="4"<?php if ($_GET['selectedOption'] == 4) { echo " selected"} ?>> Information Integration Governance</option>
    <option value="5"<?php if ($_GET['selectedOption'] == 5) { echo " selected"} ?>> Cloud Data Services</option>
    <option value="6"<?php if ($_GET['selectedOption'] == 6) { echo " selected"} ?>> Relational Analytics</option>
    <option value="7"<?php if ($_GET['selectedOption'] == 7) { echo " selected"} ?>> SAP CoE </option>
    <option value="8"<?php if ($_GET['selectedOption'] == 8) { echo " selected"} ?>> Business Analytics Platform </option>
    <option value="9"<?php if ($_GET['selectedOption'] == 9) { echo " selected"} ?>> Competetive </option>
</select>

正如@jqheart所说，在refreshOrg（）中创建URL非常简单：

window.location='your_URL?selectedOption='+$('#selectTeam').attr('option :selected');

Answer 2

在refreshOrg()函数中，希望您在此函数中使用URL，并在页面中使用jquery。

在refreshOrg()内，

location.href='your_URL?selectTeamVal='+$('#selectTeam').attr('option :selected');

Answer 3

做客户端！

jQuery(document).ready(function($){
    var urlMatch = document.location.search.match(/selectedOption=([^&]+)/);
    if (urlMatch != null)
    {
        $('#selectTeam').val(urlMatch[1]);
    }
});

通过URL传递<select>表单选项

3 个答案: