javascript功能，如果輸入更改

Question

我今天編碼，但是當我使用我的下拉列表時，我不工作... 它在我自己寫數字時工作正常。 爲什麼？

function favBrowser() { 
    var mylist=document.getElementById('myList'); 
    document.getElementById('favorite').value=mylist.value; 
} 
function bar() { 
document.write('Hello World!'); 


<select id="myList" onchange="favBrowser()"> 
    <option></option> 
    <option value="a">a</option> 
    <option value="b">b</option> 
    <option value="c">c</option> 
    <option value="d">d</option> 
    <option value="e">e</option> 
</select> 
<p>heheheh: <input type="text" id="favorite" size="20" oninput="return bar()" onValueChanged="return bar()" value=""></p> 

Answer 1

select元素沒有值，其中的選項元素有一個值。請嘗試以下代替：

document.getElementById('favorite').value=mylist.options[myList.selectedIndex].value; 

沒有測試，但是這想法

Answer 2

我認爲這是你在找什麼

function favBrowser(list) { 
    document.getElementById('favorite').value=list.value; 
} 


<select id="myList" onchange="favBrowser(this)"> 
    <option></option> 
    <option value="a">a</option> 
    <option value="b">b</option> 
    <option value="c">c</option> 
    <option value="d">d</option> 
    <option value="e">e</option> 
</select> 
<p>heheheh: <input type="text" id="favorite" size="20" value=""></p> 

Answer 3

有了這個代碼的html代碼：

<select id="myList" onchange="favBrowser(this.value)"> 
    <option></option> 
    <option value="a">a</option> 
    <option value="b">b</option> 
    <option value="c">c</option> 
    <option value="d">d</option> 
    <option value="e">e</option> 
</select> 

<input type="text" id="favorite" size="20" value=""/> 

您可以做下一個：

function favBrowser(val) { 
    document.getElementById('favorite').value=val; 
} 

每次更改下拉列表的值時，都會自動更改輸入的值，因爲您將發送下拉列表的值作爲參數。

Answer 4

首先，沒有事件onValueChanged;你正在尋找onchange。

爲什麼bar()沒有被觸發時，你的下拉腳本改變了favorite值是因爲，當元素的值是通過用戶界面（不是腳本）改變oninput被觸發，並onchange被觸發的原因當發生blur（即，input元素失去焦點）。因此，爲了得到你想要的結果，你需要調用bar()從favBrowser()：

function favBrowser() { 
    var mylist=document.getElementById('myList'); 
    document.getElementById('favorite').value=mylist.value; 
    bar(); 
}