根据表单元素更改网页标题

时间:2014-09-19 02:33:11

标签: javascript forms

我希望根据某些表单元素更改html页面的标题,以及该页面上的一些文本。我发现了一个很好的网站,描述了如何使用Javascript几乎可以做我需要的东西,位于这里:http://www.devx.com/tips/Tip/13469。 脚本的问题是,更改标题的选项仅限于textarea,或者如果我尝试包含其他元素,则会收到错误消息。我创作了网页/表单模板,没有什么复杂的,预定的用户,我们说,他们不是非常熟悉计算机(其中一个从未使用过计算机),填写某些textareas和下拉选项,然后保存ARCHIVE文件夹中的页面。为了让它们更容易,我想给他们保存页面的奢侈,而不必输入相关的日期和#(每个表格基本上是59系列中的一个),基本上标准化保存页面的标题应该可以使将来使用其他脚本更容易对它们进行分类。可以将下面的代码(在上面的网站中找到的代码)扩展为包含多个html项目,例如下面找到的 select 下拉选项,也可以在元素中找到某些内容,例如 a div

<HTML>
<HEAD><TITLE>Change Title Dynamically:</TITLE></HEAD>
<BODY>
<FORM action="" method=POST name="SampleForm">
<B>Enter Title for the window:</B>
<TEXTAREA NAME=WindowTitle ROWS=1 COLS=50></TEXTAREA>
<INPUT TYPE=BUTTON VALUE="Change Title" ONCLICK="javascript:UpdateTitle()">
</FORM>
<SCRIPT LANGUAGE="JAVASCRIPT">
<!--
function UpdateTitle()
{
document.title = document.SampleForm.WindowTitle.value;
}
</SCRIPT>
</BODY>
</HTML>

<SELECT>
<option>-----</option>
<OPTION>JAN</OPTION>
<OPTION>FEB</OPTION>
<OPTION>MAR</OPTION>
<OPTION>APR</OPTION>
<OPTION>MAY</OPTION>
<OPTION>JUN</OPTION>
<OPTION>JUL</OPTION>
<OPTION>AUG</OPTION>
<OPTION>SEP</OPTION>
<OPTION>OCT</OPTION>
<OPTION>NOV</OPTION>
<OPTION>DEC</OPTION>
</SELECT>

1 个答案:

答案 0 :(得分:0)

我建议使用jQuery来获取要在标题中显示的字段的值并进行设置。有关jQuery的更多信息可以在http://jquery.com/

找到

您可以使用jQuery选择器获取字段的值并相应地连接它。像这样:

document.title = $('textarea').val() + ' - '  + $('select').val();