How do I call a click event on list of labels

rfresh

I have created a custom 'drop down list' (that stays open), of fuel weights using labels. I did this because I wanted to show the drop down list Open on iOS devices. Native lists in iOS are always folded up. Anyway, this design works fine as I can click on a label item and get the weight (100) and the moment (298.16) value from the list. All well and good.

The last feature I need I can't figure out how to do. I want to make a click event call and have the weight highlighted and pull the moment out into a variable.

Here is my open label 'list':

<label class="fuellist_click fuel_colors" data-fuel_moment="298.16">100</label>
<label class="fuellist_click fuel_colors" data-fuel_moment="591.18">200</label>
<label class="fuellist_click fuel_colors" data-fuel_moment="879.08">300</label>
etc.
etc.

This is my code below when I manually click on a fuel weight to get the weight and the moment value:
$('.fuelLoad').mousedown(function(event) {
switch (event.which) {
case 1:
//Left Mouse button pressed
$(this).val(fuel_weight);
document.getElementById('idfuelLoadMoment').innerHTML = parseFloat(fuel_moment).toFixed(2);
break;
case 2:
//Middle Mouse button pressed
break;
case 3:
//Right Mouse button pressed
$(this).val(0);// set value to 0
return false;
break;
default:
}
});

Sempervivum

I understand your first paragraph but for me it doesn't match the code you posted:
At the beginning you write:

I can click on a label item and get the weight (100) and the moment (298.16) value from the list.

However in your code there is an event listener added to an input, not to the labels.
Please explain.

rfresh

The mousedown event (case 1) works on the input type which populates that field with the fuel value (1000 pounds of fuel or 500 pounds, etc.).

The data-fuel_moment value from the labels is pulled to populate the fuel moment value for a TD element since it just has to be visible and not an input field.

The way I created this so that the list would always be expanded/open even when running from an iPad, may not be the best way to do it. While it currently works (works meaning I can click on a fuel amount and have it populate into the fuel input field and also populate the fuel moment value of a TD element), I am not opposed to re-writing it and hopefully be able to trigger a click event on a target fuel value.

I am saving the fuel value and the fuel moment value in a MySQL table and want to now pull those data out and highlight the target values in the fuel 'list'.

Thank you for your comment. I may very well be missing something even though it seems to work presently.

rfresh

I rewrote the click event code, which works now to get the fuel weight and th fuel moment value:

function fuelListClick(obj) {
fuel_weight = $(obj).text();
fuel_moment = $(obj).data("fuel_moment");
console.log("fuel_weight:" + fuel_weight);
console.log("fuel_moment:" + fuel_moment);
}
`
Now, I need to be able to call a click event with a specific fuel weight and have it select that item in the list.