Question

Im trying to implement the following logic on javascript.

If type is ‘bankAccountTypeId’ get all fields with the same className as field using $(field.className) then use .each to loop through each result compare field.value with $(this).val() and use alert to show an error message if they are different (break if fail).

function onChange_productListField(field, type) {

  if (HimmsJSUtil.elementHasClass(field, 'DC')) {

        var allProductGroupFields = $(".DC."+type);

        var value = field.value;

        if (field.options) {

              value = HimmsJSUtil.getSelectedDropDownOption(field);

        }

        allProductGroupFields.each(function(index) {

              if ($(this).attr("id") != field.id

                          && !$(this).val()) {

                    $(this).val(value);

              }

        });

  } else {



        /* implement the logic here */

  }

}

My question is , how would the type attribute work, within this logic?

Answer 1

Firsly let’s make clear that jscript is not javascript and “type” in your code is not attribute but just a parameter of the function.

var allProductGroupFields = $(".DC."+type);

The above line uses jQuery to select a group of elements having classes “DC” and “bankAccountTypeId” at the same time where type is “bankAccountTypeId”. Such a code can be used in a structure like this:

<div class="whatever">
    <input type="text" class="DC bankAccountTypeId" />
    <input type="text" class="DC userId" />
    <a href="http://stackoverflow.com/questions/1041344">
        jQuery multiple class selector
    <a>
</div>

Extra:
For a structure like this

<div class="DC">
    <input type="text" class="bankAccountTypeId" />
    <input type="text" class="userId" />
    <a href="http://stackoverflow.com/questions/3767512">
        jQuery class within class selector
    <a>
</div>

the selector line must be changed to

var allProductGroupFields = $(".DC ."+type);