Question

How would I add another element to be evaluated by value to this statement?

if ($(this).val() == 1 && !$(this).data("priority1"))?

I’d like to use class as the selector for this new element (In this particular case class=”complaint” and one of the values is “Too_small”)

I’ve tried (both with & without brackets)

if ($('.complaint').val() === "Too_small" && $(this).val() == 1 && !$(this).data("priority1")) 

I’ve included the function below, and a fiddle with a working example http://jsfiddle.net/chayanyc/Dhaat/225/

var $priority1 = $(".priority1");
$(".features_rank1").change(function() {
    var name = $(this).data("name"); //get priority name
    if ($(this).val() == 1 && !$(this).data("priority1")) {
        //rank is 1, and not yet added to priority list
        $("<option>", {text:name, val:name}).appendTo($priority1);
        $(this).data("priority1", true); //flag as a priority item
    }
    if ($(this).data("priority1") && $(this).val() != 1) {
        //is in priority list, but now demoted
        $("option[value=" + name + "]", $priority1).remove();
        $(this).removeData("priority1"); //no longer a priority item
    }
});

Answer 1

Try:

$(".complaint select").val()

You need the value of the select tag under the .complaint class.

However, you have two element with the class of .complaint, so you’ll need to figure out which one you want.