Работа с формой!

Народ вот такая вот вещ..неподскажите как мне сделать чтобы они работали одновременно?
1 и второе текстовое поле спокойно переходит в 3 а как только выбераешь список он правильно
передает значение ,но стирает то что передали 1 и 2 поле..как сложить все результаты?Чтобы
он писал до имени и фамилии Mr или Ms в зависимости от пола...
И еще нужно ограничить конечно поле 21 символом...заранее спосибо!

<script>
var mr="Mr.";
var ms="Ms.";
function f(list)
{
if(list==0){document.getElementById('q').value=mr}
if(list==1){document.getElementById('q').value=ms}
}
var prob=" ";
function sq(list)
{
document.getElementById('q').value=document.getEle mentById('s').value + prob +
document.getElementById('s2').value;
};
</script>

Name<INPUT id=s onchange=sq(value)>
Surname<INPUT id=s2 onchange=sq(value)>
<SELECT onchange=f(value) name=select>
<OPTION value=0 selected>male
<OPTION value=1>female</OPTION>
</SELECT>
<input name="myInput" type="text" id="q" value="" maxlength="21">
я не русский...если только это есть так страшно...но в любом случае язык надо знать...

и еще Как можно сделать чтобы определенное значение в конечном поле писалось только например если в Spisok 1 выбранно значение 1(например) а в Spisok2 выбранно значение female(например) а в противно случае писалось другое значение...?

<script>
var mr="Mr.";
var ms="Ms.";
function f(list)
{
if(list==0){document.getElementById('q').value=mr}
if(list==1){document.getElementById('q').value=ms}
}
var prob=" ";
function sq(list)
{
document.getElementById('q').value=document.getEle mentById('s').value + prob +
document.getElementById('s2').value;
};
</script>

Spisok
<select name=select>
<option >1</option>
<option>2</option>
<option>2</option>
</select>
</font></TD>
Name<INPUT id=s onchange=sq(value)>
Surname<INPUT id=s2 onchange=sq(value)>
Spisok2
<SELECT onchange=f(value) name=select>
<OPTION value=0 selected>male
<OPTION value=1>female</OPTION>
</SELECT>
<input name="myInput" type="text" id="q" value="" maxlength="21">