How to Get data from Combo Box and Input it to Text Box with Javascript?

Question

I have this code, it is quite simple but why isn't it working?

<html>
    <head>
        <script type=”text/javascript“>
            function Expedisi() 
            {
                var x=document.getElementById("cmb");//this the script for get data combo box
                var y = document.getElementById("txt");
                getCmb = x.value; 
                y.value = getCmb;
                alert(x);
            }
    </head>  
    <body>
        <select name="JENIS" id="cmb" data-role="slider" onChange="Expedisi()">
            <option value="Suplier">Sup</option>
            <option value="Expedisi">Exp</option>//if i pick one of this                          the value will be input on text box
        </select> 

        <input type="text" name="BKIRIM" id="txt" value=""> //this the destination value
    </body>
</html>

Can anyone Helpme? because this script is not run?

Thanks

Have you check if you have javascript enabled on your browser? What browser are you using? — mr.b
– mr.b, Commented Jul 24, 2012 at 1:58
What's with the crazy quotes in type=”text/javascript“ — Musa
– Musa, Commented Jul 24, 2012 at 2:00
@Musa Thanks, it Work, the quote is the problems, its inaccurate — MudMan23
– MudMan23, Commented Jul 24, 2012 at 3:16

pat34515 · Accepted Answer · 2012-07-24 01:57:40Z

1

You don't need getCmb, and you don't need to declare an extra element.

Use this instead:

<html>
      <head>
          <script type="text/javascript">
             function Expedisi(t) 
             {
                var y=document.getElementById("txt");
                y.value = t.value;
              }
        </script>
      </head>  
   <body>

   <select name="JENIS" id="cmb" data-role="slider" onChange="Expedisi(this);">
                          <option value="Suplier">Sup</option>
                          <option value="Expedisi">Exp</option>
    </select> 

     <input type="text" name="BKIRIM" id="txt" value=""/>
    </body>
    </html>

answered Jul 24, 2012 at 1:57

pat34515

1,97912 silver badges13 bronze badges

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

4 Comments

RobG Over a year ago

If the form controls are put in a form, you can do t.form.BKIRIM.value = t.value;. And there is no need for the XML-style tags, the closing '/' is simply ignored.

MudMan23 Over a year ago

@Patrick Im Using Adobe Dreamweaver CS3., any problem with that?

pat34515 Over a year ago

OK, I've create a fiddle with your code here, test it, and copy and paste the code from the html textarea into dreamweaver, and see if it works.

MudMan23 Over a year ago

@Patrick Thanks , your script is work after I change the Quote

mr.b · Accepted Answer · 2012-07-24 01:57:03Z

1

Your code is working for me. Try it here. http://jsfiddle.net/DLs7j/ That is the same exact code as yours. Copy, pasted.

Best

answered Jul 24, 2012 at 1:57

mr.b

2,7188 gold badges40 silver badges65 bronze badges

2 Comments

MudMan23 Over a year ago

Maybe because I use the jquery mobile.., can you tell me the solution script for still run in jquery mobile?

mr.b Over a year ago

Now that is a different question. You should have been clear on your question so others can help you out quickly. May I suggest you open a new question for that so the JQM experts here can contribute. JQM renders page differently, that said. Some js may not supported as.

realsonsy · Accepted Answer · 2012-07-24 02:20:22Z

1

You need to change the quotes around the script type tag. You are current using the ”” instead of ""; so change ”text/javascript” to "text/javascript".

answered Jul 24, 2012 at 2:20

realsonsy

111 bronze badge

Collectives™ on Stack Overflow

How to Get data from Combo Box and Input it to Text Box with Javascript?

3 Answers 3

4 Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related