如何使用JavaScript獲取文本框中選擇框的所有項目

我有一個選擇框，其中包含一些選項...一個文本框和一個按鈕...現在我想要如果按下按鈕的所有值選擇框將得到複製到其,或;或任何分離在....之間如何使用JavaScript獲取文本框中選擇框的所有項目

我想通過的JavaScript做文本框......我該怎麼辦呢???

我的代碼是有點像： -

<select name= "selectScript" > 
<option selected= "selected" value="Javascript">Javascript</option> 
<option value= "VBscript">VBscript</option> 
<option value= "VBscript">Java</option> 
<option value= "Other">Other</option> 
</select> 

<input type= "text" name="txtScript" > 

<input type= "button" />

來源

2014-01-20 Anirban Sen Chowdhary

哪裏*究竟*你卡？請發佈你到目前爲止。 –

HTML：

<select id="selectScript" name= "selectScript" > 
    <option selected= "selected" value="Javascript">Javascript</option> 
    <option value= "VBscript">VBscript</option> 
    <option value= "VBscript">Java</option> 
    <option value= "Other">Other</option> 
</select> 

<input type= "text" id="txtScript" name="txtScript" > 
<input type= "button" onclick="addToArray();" />

JAVASCRIPT：

<script> 
    function addToArray() { 
     var selectobject=document.getElementById("selectScript"); 
     for (var i=0; i<selectobject.length; i++) 
      document.getElementById("txtScript").value += 
      selectobject.options[i].value + ((i!=selectobject.length-1) ? ", " : ""); 
    } 
</script>

來源

2014-01-20 08:35:15

假設你正在使用jQuery，

 
var selections = ''; 
$("select option:selected").each(function() { 
     selections += $(this).text() + " "; 
    }); 
}); 
$("input[type='text']).val(selections);

當然，你仍然需要定義什麼觸發動作。

來源

2014-01-20 08:33:30 pedalpete

來自'javascript'標記描述：*「除非包含框架/庫的標記也包含在內，否則預計會得到純JavaScript的答案。」*並且使用> 3000代表，您應該知道更好。 –

使用此。 *請注意，我已經加入「ID」屬性，所有的父元素

<select name= "selectScript" id="selectbox"> 
<option selected= "selected" value="Javascript">Javascript</option> 
<option value= "VBscript">VBscript</option> 
<option value= "VBscript">Java</option> 
<option value= "Other">Other</option> 
</select> 

<input type= "text" name="txtScript" id="textbox"> 

<input type= "button" id="button"/> 

<script> 
$("#button").click(function(){ 
$("#selectbox").each(function(){ 
    $("#textbox").append($(this).text()+";"); 
}); 
}); 
</script>

來源

2014-01-20 08:33:52 A100WebSolutions

OP正在尋求JavaScript解決方案。 –

JQuery是一個JavaScript庫我猜...我覺得在這種高級工具已經存在的時候，不需要在JavaScript中對其進行硬編碼。 – A100WebSolutions

從'javascript'標記描述：*「除非包含框架/庫的標記也包含在內，否則預期會有純JavaScript的答案。」* –

下面是使用純JavaScript的解決方案。您需要爲您的元素添加ID。

var options = document.getElementById('id of your select').options; 

var result = ""; 

for(var i;i<options.length;i++) { 
    result += options[i].value + ";"; 
} 

document.getElementById('id of your text input').value = result;

來源

2014-01-20 08:36:34 EasyPush

如何使用JavaScript獲取文本框中選擇框的所有項目

回答

相關問題