我有一个选项框,它在选项中保存3(1,2,3)的值。默认情况下,这是显示值1,但每当我更改此值2,我的页面应刷新和选择选项应保持值2也。我将如何在JavaScript和HTML中做到这一点?我知道选择框的设计。在javascript中的选择更改后的窗口刷新
回答
你会想要把你选择元素在它的行动是针对当前页面的表单。现在麻烦的是,简单地改变select元素的值不会自动提交表单。为了使其做到这一点,你需要一些JavaScript附加到元素的onchange事件是这样的:
<form id="formtest" method="post" action="">
<select id="test" name="myValue" onchange="this.form.submit();">
<option>test</option>
<option>test2</option>
</select>
</form>
所以,现在,假设你使用PHP,你有你自己的服务器上访问变量这种形式做这个提交过程中:
$_POST['myValue']
并且在视图代码/ HTML可以是这样的:
<form id="formtest" method="post" action="">
<select id="test" name="myValue" onchange="this.form.submit();">
<option<?php echo isset($_POST['myValue']) && $_POST['myValue'] == 'test' ? ' selected' : '' ?>>test</option>
<option<?php echo isset($_POST['myValue']) && $_POST['myValue'] == 'test2' ? ' selected' : '' ?>>test2</option>
</select>
</form>
这些都可以更加动态,当然,但日发一个基本的想法就是让你消化。当然,如果您与我们分享了您使用的服务器脚本语言以及您使用的是哪个(如果有)Javascript库,那将会更有帮助。
他在问关于JS和html。可能是他错了。 :) – zod 2010-11-09 18:22:52
最好使用服务器端语言。
或者
上选择一个选项重定向到同一页面选择的值追加到URL
window.location.href= index.html?selectedoption=2
得到的url这个值
http://www.netlobo.com/url_query_string_javascript.html HTTP:/ /www.codeproject.com/KB/scripting/GetURLParameters.aspx
基于该值继续选择
你可以隐藏字段的帮助下选择框中的值也达到这个
为什么不使用cookies?
在onChange事件的选择框,创建第一个框的值保存到一个cookie,然后刷新页面的功能。
然后,在身体“的onLoad”,检查该cookie的存在和选择框设置为该值。
你可能想添加一个复位按钮将清除该cookie或设置cookie在会话结束时到期,所以选择框的状态并不在页面上多次使用持续。
- 1. 更改后刷新/刷新窗口的大小
- 2. 如何在javascript中监视窗口选择更改事件
- 3. URL更改刷新窗口 - AngularJS
- 4. 更改wxChoice的窗口选择大小
- 5. IE8突然刷新整个窗口页面更改/刷新
- 6. 刷新从子窗口的父窗口在JavaScript
- 7. jQuery FancyBox,iFrame和刷新父窗口中的选择?
- 8. 刷新Tkinter中的窗口
- 9. 刷新父窗口的Javascript起源
- 10. ComboBox选择索引更改时刷新Windows窗体DataGridView
- 11. ASP.NET,dropdownlist1选择更改时刷新dropdownlist2?
- 12. facebook之后的刷新窗口如
- 13. 如何更改JavaScript中的GMail撰写窗口中的字体选择?
- 14. 首选项更改后刷新片段
- 15. 我如何把窗口放在顶部,并在JavaScript中刷新后窗
- 16. 更新选择框后的另一种选择框更改
- 17. 如何在不刷新C#中窗口图像的情况下刷新窗口?
- 18. 刷新在弹出的窗口中
- 19. 在父窗口刷新子窗口
- 20. 更新TableView而不刷新窗口?
- 21. 使用按钮更改框架后没有选择窗口
- 22. 刷新DBGrid后选择行
- 23. 处理程序在刷新父窗口后弹出窗口
- 24. 在JavaScript中的复选框更改后更新图表
- 25. Android设备窗口选择器更新设备后不工作
- 26. JavaScript如何打开新窗口然后更改其URL?
- 27. 在子窗口关闭后更新父窗口上的HiddenFiled值Javascript,VS2005 c#
- 28. 更改父窗口的onclick值在子窗口通过JavaScript
- 29. 选择javascript的更改值
- 30. 在JavaScript中没有刷新的窗口焦点
你不能只用HTML和JavaScript来完成(尽管可以与HTML5一起工作)。你使用什么服务器端语言? – 2010-11-09 17:57:38
@Felix国王不能在网页“刷新”,实际上是一个稍微不同的URL,一个通过''
@Pointy:是的,当然,这就是我问服务器端使用哪种语言的原因。但是只有* HTML(即一个静态HTML文件)和JS这是不可能的afaik。 – 2010-11-09 18:03:53