2013-02-15 52 views
2

建立一個過濾器(「選擇」),我寫了這個代碼:用戶從下拉列表

<script language="JavaScript" type="text/javascript"> 
<!-- 
function PassClient(){ 
    var InputValueClient = document.getElementById('ValueClient').value; 
    if(document.getElementById('storevaluesClient').value == false) {document.getElementById('storevaluesClient').innerHTML = InputValueClient;} 

    else { 
     document.getElementById('storevaluesClient').innerHTML += ", "+InputValueClient;  
     } 
}  
//--> 
</script> 


<select multiple="multiple" style="height:80px" name="ValueClient" id="ValueClient" onclick="PassClient()"> 
    <option value="Mike">Mike</option> 
    <option value="Bell">Bell</option> 
    <option value="Natal">Natal</option> 
    <option value="Charlie">Charlie</option> 
    <option value="Nour">Nour</option> 
</select> 

<textarea rows="6" cols="80" id="storevaluesClient" name="storevaluesClient" style="font-family:Zurich Ex BT; color:#98AFC7"></textarea> 

它基本上當你在列表上單擊該元素移動到文本區,它的用戶的SORT建立一個選擇,名單將超過100名。

問題是,當您從客戶端框到客戶端選擇來回點擊以刪除或更新選定的客戶端名稱時,單擊該框並對其進行更改後,表單不允許您選擇更多客戶端。

你們有沒有建議任何解決方案或其他方法來做類似的事情。

任何想法我們的幫助將被高度讚賞!

非常感謝!

回答

1

.innerHTML更改爲.valuedocument.getElementById('storevaluesClient').value

+0

它工作完美!非常感謝!!你有什麼想法爲什麼innerHTML不工作?非常感謝您對該問題的編輯和您的傑出答案!再次感謝! – mongotop 2013-02-15 02:59:49

+1

@mongotop .innerHTML通常用於容器元素,例如div和span。 .value用於表單元素。很高興我能幫上忙! – mkaatman 2013-02-15 14:55:44

1
<script language="JavaScript" type="text/javascript"> 
<!-- 
var InputValueClient; 
var ValueClient; 
function PassClient(){ 
    InputValueClient = document.getElementById('ValueClient'); 
    ValueClient = document.getElementById('storevaluesClient'); 

    if(ValueClient.value == false) { 
     ValueClient.value = InputValueClient.value; 
    }else { 
     ValueClient.value += ", "+InputValueClient.value;  
    } 
} 
//--> 
</script> 

<select multiple="multiple" style="height:80px" name="ValueClient" id="ValueClient" onclick="PassClient()"> 
    <option value="Mike">Mike</option> 
    <option value="Bell">Bell</option> 
    <option value="Natal">Natal</option> 
    <option value="Charlie">Charlie</option> 
    <option value="Nour">Nour</option> 
</select> 

<textarea rows="6" cols="80" id="storevaluesClient" name="storevaluesClient" style="font-family:Zurich Ex BT; color:#98AFC7"></textarea> 
+0

非常感謝勞倫斯! – mongotop 2013-02-15 03:00:56