How to set a integer for a hidden_field in Javascript?

Question

I have two variables like Question_type and Answer_type in JavaScript.

I have a hidden_field with no value, I want to insert a value to the hidden_field by checking the conditions of Question_typeand Answer_type like the following:

If Question_type == 'A' && Answer_type == 'B' {
    hidden_field = 1;
} else if Question_type == 'A' && Answer_type !== 'B' {
    hidden_field = 2;
} else if Question_type !== 'A' && Answer_type == 'B' {
    hidden_field = 3;
{ else if Question_type !== 'A' && Answer_type !== 'B' {
    hidden_field = 4;
}

How to do this concept by short form or the clean method in JavaScript? Any JSfiddle example would be more appreiciated.

"How to do this concept by short form..." Are you asking how to shorten this code, or how to set the value of the field? — I Hate Lazy
– I Hate Lazy, Commented Oct 11, 2012 at 13:57

Artem Vyshniakov · Accepted Answer · 2012-10-11 13:55:35Z

4

Use getElementById to get hidden by Id:

 var hidden_field = document.getElementById('HiddenFieldId');
 hidden_field.value = 1;

answered Oct 11, 2012 at 13:55

Artem Vyshniakov

16.5k3 gold badges46 silver badges48 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

I Hate Lazy · Accepted Answer · 2012-10-11 14:15:58Z

3

Here's one option to shorten the code:

var isA = Question_type == 'A',
    isB = Answer_type == 'B';

hidden_field =  isA &&  isB ? 4 :
                isA && !isB ? 3 :
               !isA &&  isB ? 2 :
                              1;

Here's another:

if (Question_type == 'A')
    if (Answer_type == 'B')
        hidden_field = 4;
    else
        hidden_field = 3;
else
    if (Answer_type == 'B')
        hidden_field = 2;
    else
        hidden_field = 1;

edited Oct 11, 2012 at 14:15

answered Oct 11, 2012 at 14:02

I Hate Lazy

49k13 gold badges89 silver badges79 bronze badges

6 Comments

I Hate Lazy Over a year ago

@Vinay: I updated the answer (at the top) since we really don't need to test the last condition. If the first 3 fail, then the last will always pass, so 0 would never have been set.

Sri Over a year ago

yeah here its shows the error for the last statement. 'Uncaught SyntaxError: Unexpected token ( '

I Hate Lazy Over a year ago

@Vinay: Make sure you copied the code correctly. There aren't any SyntaxErrors in the code above.

I Hate Lazy Over a year ago

@Vinay: I prefer the first example if it can be done cleanly. If the code starts becoming a mess or unclear, then I use if statements.

I Hate Lazy Over a year ago

@Vinay: The safe and proper way to do it is to make it a property of window. Like this: window.question_type = "foo". All global variables can be accessed from the window object.

|

Anoop · Accepted Answer · 2012-10-11 13:55:45Z

1

Modified code: If should be if and conditions must be inside '()'.

if (Question_type == 'A' && Answer_type == 'B') {
     $("#hidden_field").val( 1);
} else if (Question_type == 'A' && Answer_type !== 'B') {
    $("#hidden_field").val(  2);
} else if (Question_type !== 'A' && Answer_type == 'B') {
     $("#hidden_field").val( 3);
{ else if (Question_type !== 'A' && Answer_type !== 'B') {
       $("#hidden_field").val( 4);
}

answered Oct 11, 2012 at 13:55

Anoop

23.2k10 gold badges65 silver badges79 bronze badges

4 Comments

Sri Over a year ago

what does it mean by inside (). I am new to javascript. Please define ?

Anoop Over a year ago

@MalSu he has jQuery tag in question.

Anoop Over a year ago

@Vinay if condition1 && condition2 is invalid in JavaScript it should be if(condition1 && condition2).

MalSu Over a year ago

@Shusl and Rails as well, but he's new to JS. I don't believe showing a jQuery answer to a basic JS problem is the correct approach. Although for completeness the answer should remain.

Zain Shaikh · Accepted Answer · 2012-10-11 14:01:28Z

1

Using ternary operator may help shortening the code:

if (Question_type == 'A') {
    hidden_field.value = Answer_type == 'B' ? 1 : 2;
} else {
    hidden_field.value = Answer_type == 'B' ? 3 : 4;
}

check out this jsFiddle demo

answered Oct 11, 2012 at 14:01

Zain Shaikh

6,0636 gold badges44 silver badges67 bronze badges

Comments

Kalpesh Patel · Accepted Answer · 2012-10-11 13:55:50Z

-1

Give some ID to hidden field, and set it's value.

answered Oct 11, 2012 at 13:55

Kalpesh Patel

2,8202 gold badges28 silver badges54 bronze badges

Collectives™ on Stack Overflow

How to set a integer for a hidden_field in Javascript?

5 Answers 5

Comments

6 Comments

4 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

6 Comments

4 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related