Question

I have an enum:

public enum EffectType
{
    None,
    Positve,
    Negative
}

I’ve three divs:

<div id="divNone"></div>
<div id="divPositive"></div>
<div id="divNegative"></div>

After the user clicks one of these three, the markup will be:

<div id="divNone"></div>
<div id="divPositive" class="selected"></div>
<div id="divNegative"></div>

How do I post the selected div and identity the selected EffectType in the controller so I can save the value to the data store?

Answer 1

I would associate some data with the element that you can lookup when the click event happens:

<div id="divNone" data-effect-type="0" class="effectType selected">

$('#someButton').click(function()
{
     var effectType = $('.effectType').find('.selected').data('effect-type');

     $.ajax({
         ...
     });
});