Javascript 将下拉选择指定为变量并返回它

因此，我试图使它，以便用户选择的选项是放在一个按钮点击后的文本区域。可悲的是，在这一点上，它并没有按预期的那样发挥作用

我的html很重要：

<select id="bammon1">
            <option>Please select a pokemon</option>
                <option>1) Simorgh</option>
                <option>2) --</option>
                <option>3) Flytrap</option>
                <option>4) Name Needed</option>
                <option>5) Pandoze </option>
                <option>6) Apaflite </option>
                <option>7) Dendurus</option>
                <option>8) Bandirto</option>
                <option>9) --</option>
                <option>10) Tiflectum</option>
                <option>11) Sinder</option>
                <option>12) --</option>
                <option>13) Springfest</option>
                <option>14) Mirrage</option>
                <option>15) Skulprit</option>
                <option>16) --</option>
                <option>17) --</option>
                <option>18) Swelter</option>
                <option>19) Tundear </option>
                <option>20) Slimurk </option>
                <option>21) Sluborac</option>
                <option>22) Ogre </option>
                <option>23) Name Needed</option>
                <option>24) Name Needed</option>
                <option>25) Cychill </option>
                <option>26) Cydnidie</option>
                <option>27) Name Needed</option>
                <option>28) Name Needed</option>
                <option>29) Name Needed </option>
                <option>30) Farenheat</option>
</select>
<textarea value=""id=team cols="50" rows="10"> </textarea>

    <button type="button" id=teambtn class="btn">Export</button>

---

我认为您可以使用jQuery本身，如下所示

希望有帮助

$（'#teambtn'）。单击（函数（）{
var$myTextArea=$（'textarea#team'）；
var Pokemon1=$（“#bammon1选项：选中”）.val（）；
$myTextArea.text（$myTextArea.text（）+''+Pokemon1）；
});

请选择一个口袋妖怪
1） 西莫格
2) --
3） 捕蝇器
4） 所需名称
5） 潘多泽
6） 飞机
7） 登杜鲁斯
8） 班迪尔托
9) --
10） 蒂夫勒坦
11） 罪恶
12) --
13） 春季节
14） 欢笑
15） 骷髅
16) --
17) --
18） 闷热
19） 亲爱的
20） 斯里穆克
21）泥浆
22）食人魔
23）所需名称
24）所需名称
25）赛奇尔
26）苏铁
27）所需名称
28）所需名称
29）所需名称
30）法伦哈特
导出
您的
选项
元素没有
值
。选项有一个文本和一个值，如下所示：

<option value="value">text</option>

文本

您可以使用javascript的
.innerText
或jQuery的
.text（）
访问文本，也可以给它们一个与文本相同的
值。如果您要将此信息发布到服务器，则发布的是
值
。
是否有理由将jQuery与javascript混合使用？哦，是我将它们混合使用的事实造成了问题吗？我I’’我也可以，我认为问题不在那里。我只是问：-）你是否用
$（document）包装了上面的代码。准备好了（function（）{
？没有。我应该用它包装JS代码吗？是的，当然。还要确保包括jQuery脚本jQuery返回文本，而不是
.val（）上的值
如果元素上没有value属性，则调用。然而，这是一种可怕的做法，因为如果有人稍后进入并在选项中添加
value
属性，则该代码将突然开始返回实际值并破坏所有内容。由于
value
属性不存在，因此没有问题。脚本没有ot参考
选项
但
选择
元素。每个浏览器都将返回打开-关闭选项标记之间的内容。这与
输入
相同。参考
选择
而不是
选项
没有任何区别；
[select element].val（）如果存在值属性，则
仍将返回所选
选项的
值
。（请参阅）。如果添加了值属性，这将创建一个定时炸弹。如果需要选项文本，请询问
.text（）
，它将始终返回该值，而不是
.val（）
有时会发生这种情况。我不会使用此选项。请参阅我对我的答案的评论。现在问题没有价值，这是可行的。如果情况确实有价值，将返回正确的值。我本可以使用
$（“#bammon1选项：选中”）.text（）
但我并不是为了这个目的。任何一天用户选择向项目添加特定值时，
.val（）
基于代码的代码仍然有效，因此我会在案例中使用它。amitthk我还有一个问题要补充，我如何才能使它在再次单击按钮时再次插入文本？嗨，Dominik Yakoubek，我更新了上面的代码。我只是在先前的文本上添加了新的选择。我希望这是您需要的。谢谢，不是r实际上，这会将它添加到文本区域，前面有一堆空白。为了澄清我的意思，我希望在手动更改文本框中的文本后（比如我剪切并粘贴它）能够再次粘贴它。不管怎样，谢谢，你仍然是一个很大的帮助。
<option value="value">text</option>