Question

因此，我尝试将其设置为在单击按钮后将用户选择的选项放入textarea中。可悲的是，它目前无法正常工作。

我的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>

JS：

$('#teambtn').click(function() {
var P1 = document.getElementById("bammon1");
var Pokemon1 = P1.options[P1.selectedIndex].value;
document.getElementById('team').value= Pokemon1;
});

Answer 1

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

希望它有所帮助！

＆＃13;

$('#teambtn').click(function() {
var $myTextArea = $('textarea#team');
var Pokemon1 = $("#bammon1 option:selected").val();
$myTextArea.text($myTextArea.text()+' '+Pokemon1);
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<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>

＆＃13;

Answer 2

您的option元素没有value。选项有文本和值，如下所示：

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

您可以使用javascript的.innerText或jQuery的.text()来访问该文本，也可以为他们提供与文本相同的value 。如果您将此信息发布到服务器，则会发布value。

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

2 个答案: