如何使用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获取文本框中选择框的所有项目

回答

相关问题