2012-12-12 51 views
0

我正在關注一個教程,這個版本的表單工作,我使用onchange。但是,我嘗試使用onsubmit的第二個版本不起作用。任何人都可以幫忙嗎?PHP/AJAX/Javascript/MySQL表單提交

<form> 
<select name="users" onchange="showUser(users.value)"> 
    <option value="">Select a person:</option> 
    <option value="1">Peter Griffin</option> 
    <option value="2">Lois Griffin</option> 
    <option value="3">Glenn Quagmire</option> 
    <option value="4">Joseph Swanson</option> 
</select> 

這是一個不工作,我不知道爲什麼?

<form onsubmit="showUser(users.value)"> 
<select name="users"> 
    <option value="">Select a person:</option> 
    <option value="1">Peter Griffin</option> 
    <option value="2">Lois Griffin</option> 
    <option value="3">Glenn Quagmire</option> 
    <option value="4">Joseph Swanson</option> 
</select> 
<input type="submit" value="Submit" > 

+0

用showUser(this.value)替換showUser(users.value) – AMember

回答

2

試試這個:

<select name="users" onchange="showUser(this[this.selectedIndex].value);"> 
    <option value="">Select a person:</option> 
    <option value="1">Peter Griffin</option> 
    <option value="2">Lois Griffin</option> 
    <option value="3">Glenn Quagmire</option> 
    <option value="4">Joseph Swanson</option> 
</select> 

對剩下的1:

<form onsubmit="showUser(this.users[this.users.selectedIndex].value); return false;"> 
<select name="users"> 
    <option value="">Select a person:</option> 
    <option value="1">Peter Griffin</option> 
    <option value="2">Lois Griffin</option> 
    <option value="3">Glenn Quagmire</option> 
    <option value="4">Joseph Swanson</option> 
</select> 
<input type="submit" value="Submit" /> 

使用return false;阻止瀏覽器發佈形式的URL,從而重新加載頁面。

+0

對不起我的錯誤,我有代碼片段錯誤的方式。 onchange的工程,但提交onsubmit沒有。抱歉。我正在嘗試編輯原始帖子。 – user1149620

+0

工作輝煌 - 非常感謝您的幫助。 – user1149620