When a user selects a radio button, its ID is used to access a javascript array via jQuery's .change() function, and then a $.each function to loop through the contents and unhide form controls. However, when I run this code I get:
Uncaught TypeError: Cannot use 'in' operator to search for 'length' in programmer
**Other solutions on stackoverflow that mention this error seem to reference JSON objects, not just normal javascript arrays. I did get this code to work by incorporating an IF statement asking if the variable is "programmer" and then executing code based on that. This is not efficient in my opinion, but it did allow me to then use the actual word "programmer" instead of the dynamic variable name "position" (which would contain programmer).
Radio buttons
<label for="position">Position</label>
Programmer
...
The array:
var programmer = [
"blah1",
"blah2",
"blah3"
];
.change() code
$(".positionRadios").change(function() {
var position = $(this).attr('id');
if (position != null) {
$.each(position, function (index, value) {
$("#" + value).show();
});
} else {
$('.system').hide();
}
});
When I tried this with a for loop, it just looped through each letter of the id string. It is not associating the string with the variable array name.
Solutions?
