代码之家 › 专栏 › 技术社区 › Paddy Hallihan

基于值重定向页面

html jquery php javascript

Paddy Hallihan · 技术社区 · 6 年前

我有一个 <select> 在我的网站上标记,当我更改时,它会提交表单并转到有问题的页面,在那里我可以使用 $_POST 变量。

<form method='POST' action='myURL'>
<select onchange='this.form.submit();'>
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
</select>
</form>

这很好,可以按预期工作,但是如果有人在页面上并刷新页面,我不希望收到重新提交表单的警告。

所以我想做的是移除表单元素,并有类似的东西,我可以使用 $_GET 而不是 $邮政 .

<select onchange='window.location.href="myURL?var=this.value";'>
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
</select>

但是,这会重定向到页面,但是 $GET 变量的字面意思是 this.value .

有没有其他方法让它工作,或者我需要为此编写一个外部的JS?

注释 JS 不是我的语言,上面的片段都是通过 PHP

2 回复 | 直到 6 年前

Robin Zigmond 6 年前

您已经硬编码了字符串-只需执行以下操作:

<select onchange='window.location.href=("myURL?var=" + this.value);'>

Zakaria Acharki 6 年前

我建议您避免使用内联事件作为 onchange 并使用 addEventListener() 方法来附加 change 事件。

因此,首先给您选择标记一个标识符(id或class),然后使用如下标识符附加事件:

<select id="my-select">

然后,在JS部分中,它可以附加如下:

document.querySelector('#my-select').addEventListener('change', function(){
    window.location.href = "myURL?var=" + this.value;
})

或者,如果您可以使用jquery,它将是:

$('#my-select').change(function(){
    window.location.href = "myURL?var=" + $(this).val();
})

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

7 月前

Jamie · 在CSS链接的文件名中添加Jinja占位符

7 月前

ptownbro · 重叠分区标签,同时保持以下所有分区和内容就位

7 月前

Luke Frost IEng MIMechE · Bootstrap 5.3在Div中的项目位置没有如我所期望的那样显示

7 月前

Reegan · 使用Angular ngFor指令在html中渲染嵌套对象值

7 月前

wqyutv · 当找不到文件时,任何破坏错误的东西都不会出现,我该怎么解决这个问题?

7 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

7 月前

Gukkey · 在React中明确隐藏日期类型输入后,如果我单击父div,如何显示日期选择器?

8 月前

Lorenzo Bertolaccini · 在Angular项目中通过对话框后,在控制台中显示但在HTML中不显示的数据数组

8 月前

john Rizzo · 按钮背景颜色、悬停和活动状态存在问题

8 月前