用锚

时间:2016-03-10 09:37:37

标签: javascript jquery html google-apps-script

我有一个选择框,每行都是一个项目。我想单击一个项目并将我重定向到该项目页面。在每个页面上,我都有相同的选择框。我的选择看起来像这样:

select class="select_box" name="state" style="width:200px;float:right;margin-right:45px;">
    <? for(var i=0;i<proiecte[0].length;i++){?>
    <option class="optiune" value="<?=proiecte[0][i]?>"><?=proiecte[0][i]?></option>
    <? }?>
    </select>

选择框看起来不错。

现在,我的项目链接如下所示:

https://script.google.com/a/macros/COMPANY/s/AKfycbytWWGfWbOj_-Qi6eXwZraMgAS6xa0blmRfXVzLJV4/dev?page=project&projectName=Name%20Of%20Project

如您所见,我的网址中有2个参数。当我从选择框中选择一个选项时,第一个不需要更改,但第二个必须。 使用jQuery,当我点击一个选项并重定向到该页面时,我成功地更改了项目。

$(document).ready(function(){
$(".select_box").change(function(){
console.log('Selected value: ' + $(this).val());
var url = "<?=getPathFromUrl(getScriptUrl());?>?page=project&projectName=";
url += encodeURIComponent($(this).val());
//window.location.replace(url);
window.location.href = url; //i tried what TeilZeitMensch suggested
});
});

我的问题是这个问题。我点击一个项目名称,我被重定向到该页面而没有查找我的URL。例如,我在project1中,我的URL是这样的:....projectName=project1。我点击另一个项目,该项目的信息加载,但即使我更改参数,URL也不会改变。 我的下一个问题和最大的问题是我只能选择一个项目。点击project2后,它会加载信息和选择选项。但如果我选择project3,我会得到一个空白页面。我尝试了各种项目组合,总是在第二次更改时获得白页。

应该说,我正在使用Google Apps脚本。

编辑:在我使用window.location.href = url;并且网址正确后,我使用console.log。我只在链接栏中显示它时遇到问题。

EDIT2:我找到了解决方案: 我把它放在我的HTML中。

<form id="projNavForm" action="<?=getPathFromUrl(getScriptUrl());?>"       method="GET">
<input type="hidden" name="page" value="project"/>
<input type="hidden" name="projectName" value="" id="projectName"/>
</form>

我使用了这个jQuery:

$(".select_box").change(function(){
if($(this).val() != 'None'){
  $("#projectName").val($(this).val());
  $("#projNavForm").submit();
}

1 个答案:

答案 0 :(得分:0)

真正改变&#34;你可以使用:

window.location.href = url;