如何在单击一个按钮时存储多个值

How can I store multiple values upon the click of one button?

本文关键字：按钮 存储 一个 单击      更新时间：2023-09-26

我正在尝试获取一个按钮来存储按钮值（id answer0，'value2'）以及下拉框选择（id answer1，"值"。由于代码没有保存任何东西，尽管我在之前的尝试中设法保存了按钮"value2"。已经在谷歌上搜索了 3 天无济于事。任何建议将不胜感激！

    $('.btn-answer').off('click').on('click', function(evt) {
        var answer0 = $(evt.target).attr("value2");
      //var answer1 = $("#answer1").val();
        var answer1 =$('#answer1 option:selected').text();
        var all_answers = {};
            all_answers['answer0'] = answer0;
            all_answers['answer1'] = answer1;
      if (typeof all_answers != 'undefined') {
        console.log(answer0);
        console.log(answer1);
        pybossa.saveTask(task.id, all_answers).done(function() {
                deferred.resolve();



<div>
            <select name="answerswer1" class = "btn-success btn-mini">
                <option value="none">Choose a Class</option>
                <option>Woodland and Scrub</option>
                        <option value="A1">Woodland</option>
                        ......
                        <option value="J5">Other Habitat</option>
                        </select>
                </div>


    <h1 id="question2"></h1> <!-- The question will be loaded here -->
    <h2><i class="icon-asterisk"></i> </h2>       
    <div id="answerswer0">             <!-- Start DIV for the submission buttons -->
        <!-- If the user clicks this button, the saved answer will be value2="Certai-->
        <button class="btn btn-success btn-answer" value2 ="a"><i class="icon icon-white icon-thumbs-up"></i> Certain</button>
        <!-- If the user clicks this button, the saved answer will be value2="Fairly Certain"-->
        <button class="btn btn-answer btn-warning" value2="b"><i class=""></i> Fairly Certain</button>
        <!-- If the user clicks this button, the saved answer will be value2="Fairly Certain"-->
        <button class="btn btn-answer btn-danger" value2="c"><i class="icon icon-white icon-thumbs-down"></i> Unsure</button>
    </div>
    <P></P>
    <!-- End of DIV for the submission buttons -->

更改此行：

var selected_answer1 = $("#answer1").val();

我想$("#answer1")是input，有了$("#answer1").val("value")，您正在尝试设置其值。但你想得到它的价值。

要从下拉列表中获取值，请执行以下操作：

$('#id_of_drop_down').val();将返回值，而不是文本。

如果需要所选option的文本，请使用以下命令：

$('#id_of_drop_down option:selected').text(); .

相关文章：