为一个隐藏的输入字段获取多个值

Question

I have 2 selectable options, what I need is some how to get the value from the selected and add it to the hidden field so when submit is clicked it takes the value into the php and depending on the value each one will have a different outcome to an mysql database insert/update.

I have it working with code I have but...It is getting the 1st option every time by default, It is not getting a value depending on what is selected.

JS

$(document).ready(function(){
$(".crimeSelect").hover(
    function() {
        if ($(this).hasClass('isSelected') == false) { $(this).css('opacity', 0.80); }
    }
);
$(".crimeSelect").click(function() {
    $("#selec1").val($(this).attr('crimeid'));
    $(this).css('opacity', 1.00);
    $('.crimeSelect.isSelected').removeClass('isSelected').css('opacity', 0.40);
    $(this).addClass('isSelected');

});
});

HTML

<td class="content">
  <input type="hidden" value="x" name="Crime" id="selec1"/>
  <div crimeid="9" name="9" class="crimeSelect" style="cursor:pointer;opacity:0.40;margin:auto;"><img src="images/crimes/Kidnapthepope-Title.png" style="width:100%;height:100%;margin:auto;"/></div>
</td>
<td class="content">
  <div crimeid="10" name="10" class="crimeSelect" style="cursor:pointer;opacity:0.40;margin:auto;"><img src="images/crimes/Pickpocketadoctor-Title.png" style="width:100%;height:100%;margin:auto;"/></div>
</td>

PHP

if(isset($_POST['Crime'])) {
mysqli_query($conn, "UPDATE Account_Character SET money='0' WHERE username="$username") or die(mysqli_error());

The PHP is just a small example but this is what I am having the issue with, putting value from selected into hidden input then passing to the PHP.

Thanks.

Answer 1

try this

$(document).ready(function(){



   $(".crimeSelect").click(function(event) {
      alert($(event.target).attr('crimeid'));
       $("#selec1").val($(event.target).attr('crimeid'));
       $(this).css('opacity', 1.00);
        $('.crimeSelect.isSelected').removeClass('isSelected').css('opacity', 0.40);
       $(this).addClass('isSelected');

         });
     });

Answer 2

Ok so with loads of messing about was one line of code had to do

$(".crimeSelect").click(function() {
    $("#selec1").val($(this).attr('crimeid'));
    $(this).css('opacity', 1.00);
    $('.crimeSelect.isSelected').removeClass('isSelected').css('opacity', 0.40);
    $(this).addClass('isSelected');
    $('input[name=Crime]').val($(this).attr('crimeid'));

});

Then from the PHP pick up the HTML input name to check value and get going from there :)