我有一個SELECT元素和一個窗體上的INPUT元素,我需要得到總是連接值(SELECT + INPUT的結果)當這兩個元素也更新了這包括:連接值,因爲他們正在鍵入或當選擇更改
- 選擇更改所選值
- 用戶開始打字輸入元素
但我不知道如何實現這一目標。見下面這個例子:
<select id="rif" name="rif" class="form-control">
<option value="J">J</option>
<option value="G">G</option>
<option value="V">V</option>
<option value="E">E</option>
</select>
<input type="text" required="required" value="" name="_username" class="form-control numeric" id="username">
輸入值可以是:
select#rif = "J"
input#username ="string"
output = "Jstring"
select#rif = "V"
input#username ="str"
output = "Vstr"
但後來我離開input#username
沒有改變,但改變select#rif
如下:
select#rif = "J"
input#username ="str"
output = "Jstr"
select#rif = "V"
input#username ="str"
output = "Vstr"
換句話說串聯需求在方向和輸出值都應該改變時,選擇改變他們的選擇值或輸入改變其中的文本由ke是或任何其他事件。任何能給我一些幫助嗎?
創建一個具有級聯,並將結果在正確的位置的功能。現在讓該函數成爲select上的change事件和input框上的keyup事件的事件處理函數。 –
@JacobMattison很好,但如果你會成爲我,爲了得到預期的結果,你會輸入多少事件? – ReynierPM