Javascript: how to insert value into text input fields from a drop down menu -

-

I am quite new to javascript, so I hope that someone here can help me with this small task.

I currently have two input text fields, which I need to be populated with text after choosing an option from the drop down menu.

For example ...

I have a selected field that looks like this: 

  & lt; Select ID = "select_2" onchange = "insertProduct (2);" & Gt;

And in that selection I have options that look like this: 

  & lt; Option id = "cdrom001" title = "my cdrom" & gt; Cdrom001 - my cdrom & lt; / Option & gt; & Lt; Option id = "DVD-ABUG" title = "life of a bug" & gt; DVD-ABUG - A Bug's Life & lt; / Option & gt; & Lt; Option id = "DVD-BELOVED" title = "dear" & gt; DVD-BELOVED - Furry & lt; / Option & gt; ....

What do I do, when I select an option from that drop down list, then I want my text input field # 1 with option ID Populate (e.g., DDD-AUG) and I want my text input field # 2 to be populated with the option title (such as the life of a bug).

Here is the code for my two text input fields:

I have a lot of writing of this function which will be required to do this ... 

  function insertProduct (id) {// code here

As you can see, I do not have much: o)

Can someone help me with that function that does this? Could?

Thanks a lot!

Change this line:

To do this: 

  & lt; Select ID = "select_0" onchange = "insertProduct (this, 0);" & Gt;

and use this function: 

  function insertProduct (select, line) {var model = "model_"; Var product = "product_"; Document.getElementById (model + line) .value = select.options [select.selectedIndex] .id; Document.getElementById (Product + line) .value = select.options [select.selectedIndex] .title; }

Comments

Post a Comment

Popular posts from this blog

oracle - The fastest way to check if some records in a database table? -

-
I have a big table to work with. I have to see that there are some records whose parent_id is equal to my passing value. Currently I do this by implementing "my_table using select count (*) where parent_id =: id"; If the result> 0, it means that they exist. Because this is a very large table, and I do not care what the actual number of records present, I just want to know if it exists, so I think count (*) Bit is disabled. How do I apply this requirement most quickly? I'm using Oracle 10. # Tips for Hibernation & amp; Tricks It suggests writing in such a way: Integer number = (integer) session .createQuery ("Select Count (*) to ...."). UniqueResult (); I do not know what is the magic of the unique rule? Why does it fast? To compare, select "1 from mytable where parent_id = passId and rowrum", which is more efficient? If you are not interested in the number of records, then there is an EXISTS query one: Select 'y'
Read more

php - multilevel menu with multilevel array -

-
Just ask someone to solve this problem? I want to create a multilevel menu I can not find the right solution generated with multilevel array, it always gets an array_push error My study came from the original idea But still my Can not match the need. This is my MySQL [code] ----- --------------------- --------------- | ID | PARENT_ID | Name | Link | Seq | 1 | 0 | Dashboad | Dashboard / | 1 | 2 | 0 | Menu 1 | Menu 1 / | 2 | 3 | 0 | Menu 2 | Menu 2 / | 3 | 4 | 0 | Menu 3 | Menu 3 / | 4 | 5 | 2 | Joint Add / | 1 | 6 | 3 | Joint Add / | 1 | 7 | 2 | Edit | Edit / | 2 | 8 | 4 | Joint Add / | 1 ------------------------------------------ [/ Code] I want to do something like this in my array array ('dashboard' = & gt; array ('id' = & gt; '' 'Dame' = & gt; 'Dashboard', 'Title' = & gt; 'Dashboard', 'MatchMin' = & gt; Base_URL (). 'Dashboard /', 'Active' => = & Gt; NULL), &
Read more

jQuery UI: Datepicker month format -

-
I am trying to change the format of the month that shows in the popup (not in the date that the picker actually I do not have any choice anywhere to do this, do I like to use a sub-string () or something else? What I normally display is Trying to change: Class = "ui-datepicker-title"> January & lt; / span & gt; ... & lt; / div & gt; Div>
Read more