当我从列表或单选按钮中选择模板颜色时，如何使其更新? - How do I make template colors update when I choose them from a list or radio buttons?

How do I make template colors update when I choose them from a list or radio buttons?

我只是学习javascript php html css等，所以我正在寻找一些指导我如何去做以下:

我有一个配置文件创建页面，在顶部有一个表单，下面是配置文件看起来像的全尺寸预览。该表单位于主内容div的上方和外部。

表单允许用户通过单击单选按钮或使用下拉列表来更改模板的皮肤——即不同的样式表。最好在用户更改后立即重新加载预览(如果可能的话，不重载顶部表单)

表单中还有一个上传图片字段和一个标题字段(只是txt)。当用户更改这些字段时，它会自动更新下面的适当位，这将是伟大的。有没有一种方法可以在不让用户单击提交按钮并重新加载整个页面的情况下实现这一点?

谁能帮我弄明白这是怎么回事?拜托!谢谢:)

对于图片，您可以使用几个选项…我非常熟悉yui上传器，这是一个很好的选择，因为yui框架与任何其他框架没有问题。但你也可以在mootools、jquery和prototype中找到解决同样问题的方法。这是链接http://developer.yahoo.com/yui/uploader/…

如果要动态更改css文件你可以在这里读一点你可以找到一个初始解决方案http://www.tutorialfeed.org/2009/03/how-to-allow-your-visitors-to-switch.html

您可以通过javascript提交表单，因此您可以将提交函数附加到javascript事件，例如:

<!-- html -->
<select onChange="javascript:submitMyForm();" />
//js 
function submitMyForm() {
  document.forms["myform"].submit();
}

如果不想重载整个页面，则必须使用AJAX请求。查看教程(http://www.w3schools.com/ajax/default.asp)

var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
....