jquery - I need a code to take the input from dropdown menu and gives the output as an image using HTML and Javascript -



jquery - I need a code to take the input from dropdown menu and gives the output as an image using HTML and Javascript -

i new html , javascript. want alter input text , show image when user selects alternative dropdown. 1 function getname, have got changing text part working, unable image output.

<html> <head> <title>hi</title> <h1>hi</h1> </head> <body> <select name="dropdown" id="dropdown"> <option value="maruti">maruti</option> <option value="tata">tata</option> <option value="mahindra">mahindra</option> <option value="fiat">fiat</option> </select> <input type="text" name="name" id="name" onclick="getname()"> <script> function getname(){ var select = document.getelementbyid('dropdown'); var input = document.getelementbyid('name'); select.onchange = function() { input.value = select.value; } function getimage(){ var img = document.getelementbyid('dropdown'); if (img.value=="tata"){ show_image("tata.bmp", 276, 110); } else {if (img.value=="maruti"){ show_image("maruti.bmp", 276, 110); } else {if (img.value=="mahindra"){ show_image("mahindra.bmp", 276, 110); } else {if (img.value=="fiat"){ show_image("fiat.bmp", 276, 110); } } } } } </script> </body> </html>

thanks

one way create img tag , place image there when user selects alternative dropdown. here working updated code,

<html> <head> <title>hi</title> <h1>hi</h1> </head> <body> <select name="dropdown" id="dropdown"> <option value="maruti">maruti</option> <option value="tata">tata</option> <option value="mahindra">mahindra</option> <option value="fiat">fiat</option> </select> <input type="text" name="name" id="name" /> <img id="imghere" src="" /> <script> function getname(){ var select = document.getelementbyid('dropdown'); var input = document.getelementbyid('name'); select.onchange = function() { input.value = select.value; getimage(); } } function getimage(){ var img = document.getelementbyid('dropdown'); var imgtag = document.getelementbyid('imghere'); if (img.value=="tata"){ imgtag.src = "1.png"; } else if (img.value=="maruti"){ imgtag.src = "2.png"; } else if (img.value=="mahindra"){ imgtag.src = "3.png"; } else if (img.value=="fiat"){ imgtag.src = "fiat.bmp"; } } window.onload = getname; </script> </body>

javascript jquery html css html5

Comments

Post a Comment

Popular posts from this blog

Delphi change the assembly code of a running process -

Delphi change the assembly code of a running process - i'm trying alter address 00741fa5 has push test.009e721c . alter push test.009e71c8 . procedure callback; asm force $9e71c8 end; procedure tform2.btn1click(sender: tobject); var ppid :dword; pprocess : cardinal; begin getwindowthreadprocessid(findwindow(nil,pchar('test')), @ppid); pprocess := openprocess(process_all_access, false, ppid); injectasm(pprocess, $741fa5, 10, integer(@callback), 0); end; here injectasm function (with error checking) function injectasm(process: longword; injectaddress, injectsize, codeaddress, codesize : integer): pointer; var csize, rsize : integer; replaced : array of byte; jmp : array [0..4] of byte; jmpaddress : integer; nopv : byte; : integer; nbr: ulong_ptr; begin //injectsize must equal or greater 5, because need space our //(far) jmp wwxxyyzz instruction //if there's no space, inject in place of few instructions if injectsize &
Read more

java - Parsing XML, skip certain tags -

java - Parsing XML, skip certain tags - i next mkyong's great tutorial on how parse xml in java, have situation need read tags within area. e.g. <?xml version="1.0"?> <company> <staff id="1001"> <firstname>yong</firstname> <lastname>mook kim</lastname> <nickname>mkyong</nickname> <salary>100000</salary> </staff> <staff id="2001"> <firstname>low</firstname> <lastname>yin fong</lastname> <nickname>fong fong</nickname> <salary>200000</salary> </staff> <changes> <staff id="2001"> <firstname>low</firstname> <lastname>yin fong</lastname> <nickname>fong fong</nickname> <old_salary>175000</salary> <ne
Read more

c# - ASP.NET MVC Sequence contains no matching element -

c# - ASP.NET MVC Sequence contains no matching element - i new asp.net mvc. have finished project unusual issue appeared in project. as seek run project error message. an exception of type 'system.invalidoperationexception' occurred in entityframework.dll not handled in user code additional information: sequence contains no matching element in 1 of controller using statement below groups display in dropdownlist. http://localhost....../clients (trying run page) , getting error on line containing code below. viewbag.groupdropdownvalues = new selectlist(db.groups.orderby(m => m.groupid), "groupid", "groupname"); or other controller: viewbag.categorydropdownvalues = new selectlist(db.category.orderby(m => m.categoryid), "categoryid", "categoryname"); this happening in controllers using syntax. i need display dropdownlists values database. working correctly till morning. don't have thought changed ,
Read more