Question

example img of a category selection by user

嘿，我试图设置一个选项，用户必须选择一个类别和第二个类别，我不知道如何获取他点击的信息。用户单击该类别后，将添加.active，然后出现下一个按钮。

点击下一个按钮后，一个公式（基于他选择的类别）将淡入并且我需要类别信息，因为在提交公式后我也希望保存类别。

那么，我如何保存他点击的信息？我不想使用下拉列表或单选按钮，但如果它看起来像图像上的示例，我可以打开其他任何东西（js / jquery，php）。

我用以下按钮尝试了它：

    <form id="cat1" method="post">
         <input type="submit" id="1st_cat_1" class="cat1" name="cat1" value="1st cat"><br>
         <input type="submit" id="1st_cat_2" class="cat1" name="cat2" value="1st cat"><br>
         <input type="submit" id="1st_cat_3" class="cat1" name="cat3" value="1st cat">
    </form>

我还考虑过查找class-combo（点击下一个按钮时有一个.active）像：

    $('.cat1').click(function(){
       $('.cat1').removeClass('active');
       $(this).addClass('active');
    })

所以点击的类别包含：

    /*$('.cat1.active')*/

但我不知道怎么读这个，这不是我尝试做的完整代码，但我只需要知道数据保存部分。请帮帮我:(

Answer 1

你可以像这样缓存他们的选择：

var food = 'apple'

function getFood(element) {
  food = document.getElementById('foods').value;
  console.log(food);
}

<select id="foods" onChange="getFood(this);">
  <option value="apple">Apple</option>
  <option value="banana">Banana</option>
  <option value="orange">Orange</option>
</select>

Answer 2

只需更改值

<form id="cat1" method="post">
     <input type="submit" id="1st_cat_1" class="cat1" name="cat1" value="apple"><br>
     <input type="submit" id="1st_cat_2" class="cat1" name="cat2" value="banana"><br>
     <input type="submit" id="1st_cat_3" class="cat1" name="cat3" value="orange">
</form>

您可以从此方法中获取值

$('.cat1').click(function(){
   $('.cat1').removeClass('active');
   $(this).addClass('active');
   var v = $(this).val();//the v is apple or banana or orange
})

或就像那样

var v = $('.cat1.active').val();//the v is apple or banana or orange

如何根据用户点击的内容保存信息（类别）

2 个答案: