2014-09-19 2 views
0

Я ищу, чтобы изменить название html-страницы в соответствии с определенными элементами формы, а также текст, найденный на этой странице. Я нашел хороший сайт, описывающий, как использование Javascript может сделать почти то, что мне нужно, здесь: http://www.devx.com/tips/Tip/13469. Проблема с найденным скриптом заключается в том, что опция изменения заголовка ограничена текстовым полем, или если я пытаюсь включить другой элемент, я получаю сообщение об ошибке. Я создал шаблоны веб-страниц/форм, ничего сложного, где предполагаемые пользователи, которые, скажем так, не очень грамотны на компьютере (один из них никогда не использовал компьютеры), заполните определенные текстовые поля и раскрывающиеся варианты, а затем сохраните страниц в папке ARCHIVE. Чтобы облегчить их, я хотел бы предоставить им возможность сохранять страницы без необходимости вводить соответствующую дату и # (каждая форма в основном представляет собой серию из 59), по существу стандартизируя заголовки сохраненных страниц, которые должно облегчить их классифицирование с использованием другого сценария в будущем. Можно ли расширить код ниже (тот, который указан на вышеуказанном веб-сайте), чтобы включить более одного элемента html, например, . Выберите раскрывающийся список, найденный ниже, и, возможно, что-то найдено внутри таких элементов, как 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> 
+3

Я думаю, вам нужно сначала изучить некоторые основы html. – Prashank

ответ

0

Я бы порекомендовал jQuery, чтобы получить значения полей, которые вы хотите отобразить в заголовке, и установить его. Более подробную информацию о jQuery можно найти по адресу: http://jquery.com/

Вы можете использовать селектора jQuery для получения значений полей и их конкатенации. Что-то вроде этого:

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

Отлично, что сделал. Я добавил следующий код, чтобы обновить страницу: Click to refresh the page. Там по крайней мере 4 человека, которые нашли мой пост/вопрос трата времени, так что спасибо! – user3241848

Смежные вопросы