Send text-box id to function in JavaScript?

Question

I tried to get the text-box's id via its event function but it seems $a doesn't work because the system understands this as text, what should I do?

<select class="btn btn-outline-secondary dropdown-toggle"
        type="button"
        class="dropdown-menu" 
        onchange="validateSelectBox(this,'skill_input4')">

<select class="btn btn-outline-secondary dropdown-toggle"
        type="button"
        class="dropdown-menu" 
        onchange="validateSelectBox1(this,'skill_input3')">

function validateSelectBox(obj, $a){
  
    var options = obj.children;
 
    var html = '';
 
    for (var i = 0; i < options.length; i++){
        if (options[i].selected){
            html += options[i].value;
        }
    }
    // this is the error, the textbox does not change data
    // when I select the combobox
    document.getElementById('$a').value = html; 
}

Why two types of class in each select - Also where is the textbox ? — Always Helping
– Always Helping, Commented Aug 24, 2020 at 4:53
Can you kindly share a working fiddle? That will help us in understanding the problem statement. — Rushabh Shah
– Rushabh Shah, Commented Aug 24, 2020 at 4:53
$a that NOT right. Its Javascript not PHP => use simple $a — Always Helping
– Always Helping, Commented Aug 24, 2020 at 4:56

Asutosh · Accepted Answer · 2020-08-24 04:59:35Z

2

You do not need to put it in quotes as sting as it's a variable,Can you try this

document.getElementById($a).value = html;

edited Aug 24, 2020 at 4:59

answered Aug 24, 2020 at 4:58

Asutosh

1,8382 gold badges16 silver badges22 bronze badges

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

1 Comment

John Over a year ago

Also, you can use just variable name such as $ instead of prefixing any variable name with $.

Vicky Gonsalves · Accepted Answer · 2020-08-24 04:59:16Z

0

  function validateSelectBox(obj, a)
{
  
    var options = obj.children;
 
    var html = '';
 
  
    for (var i = 0; i < options.length; i++){
        if (options[i].selected){
            html += options[i].value;
        }
    }
document.getElementById(a).value = html; 
}

edited Aug 24, 2020 at 4:59

Vicky Gonsalves

11.8k3 gold badges39 silver badges58 bronze badges

answered Aug 24, 2020 at 4:57

Alok Takshak

2801 silver badge6 bronze badges

1 Comment

Carsten Løvbo Andersen Over a year ago

Please always consider leaving a comment on what you and why it solved the op's problem

Massimo Petrus · Accepted Answer · 2020-08-24 05:17:28Z

0

If skill_input3 and skill_input4 are the ids of the textbox as mentioned you should call document.getElementById($a).value=html

answered Aug 24, 2020 at 5:17

Massimo Petrus

1,9012 gold badges17 silver badges26 bronze badges

Comments

Joachim Chikezie · Accepted Answer · 2020-08-24 05:27:27Z

0

 function validateSelectBox(obj,$a)
{
  
    var options = obj.children;
 
    var html = '';
 
  
    for (var i = 0; i < options.length; i++){
        if (options[i].selected){
            html += options[i].value;
        }
    }
document.getElementById($a).value = html;//remove '$a' from quotes.
}

Remove'$a' From Quotes

answered Aug 24, 2020 at 5:27

Joachim Chikezie

263 bronze badges

Comments

Vinayak · Accepted Answer · 2020-08-24 05:40:51Z

0

You have to remove $a from quotes as it a variable

function validateSelectBox(obj,$a)
{
  
    var options = obj.children;
 
    var html = '';
 
  
    for (var i = 0; i < options.length; i++){
        if (options[i].selected){
            html += options[i].value;
        }
    }
document.getElementById($a).value = html;//remove '$a' from quotes.
}

answered Aug 24, 2020 at 5:40

Vinayak

808 bronze badges

Collectives™ on Stack Overflow

Send text-box id to function in JavaScript?

5 Answers 5

1 Comment

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related