html - Add/Remove an input field using javascript -

-

i working on alert button gets generated depending on select drop-down. javascript has been able read , send values of <select> drop-down want to. but, when comes displaying button triggers alert message, problem.

issues

-- not sure if removing child correctly (syntax issue)

-- can't seem button display. instead, performs onclick command.

javascript

function displayinfo(key) {     alert(key); }  function determinedisplay(item, buttonlocation) {     // selected value drop down     var si = item.selectedindex;     var sv = item.options[si].value;      // create view button display info     var vb = document.createelement("input");      // assign attributes button     vb.setattribute("type", "button");     vb.setattribute("value", "view");     vb.setattribute("display", "inline-block");     vb.onclick = displayinfo(sv);      // insert button     var inserthere = document.getelementsbyid(buttonlocation);     var checkchild = inserthere.lastchild;     if(lastchild) {         inserthere.removechild(checkchild);         inserthere.appendchild(vb);     }     else         inserthere.appendchild(vb);  }

html

<div id="soupbox">     <select id="soup" name="soup" onchange="determinedisplay(this, 'contentview_two');">         <option>--select--</option> <?php foreach($soup_products $key => $product) : $name = $product['name']; $cost = number_format($product['cost'], 2); $item = $name . ' ($' . $cost . ')'; ?>         <option value="<?php echo $key; ?>"><?php echo $item; ?></option> <?php endforeach; ?>     </select>     <input name="s_qty" type="text" placeholder="qty" size="1" maxlength="1" />     <label id="contentview_two"></label>  </div>

html without php

<div id="soupbox">     <select id="soup" name="soup" onchange="determinedisplay(this, 'contentview_two');">         <option>--select--</option>         <option value="cn-cf">healthy choice hearty chicken ($1.31)</option>         <option value="cn-ct">pacific foods organic creamy tomato ($3.75)</option>         <option value="cn-lt">amy's organic lentil vegetables ($2.62)</option>         <option value="nd-bf">ramen beef noddles ($0.50)</option>         <option value="nd-cf">ramen chicken noddles ($0.50)</option>         <option value="nd-ls">ramen lime shrimp noddles ($0.50)</option>         <option value="nd-sf">ramen shrimp noddles ($0.50)</option>     </select>     <input name="s_qty" type="text" placeholder="qty" size="1" maxlength="1" />     <label id="contentview_two"></label>  </div>

different problems here:

  1. vb.setattribute("display", "inline-block"): wrong, because display attribute style of element, not of element itself. use vb.style.display instead.

  2. vb.onclick = displayinfo(sv): wrong, because you're doing here executing function right away. meant vb.onclick = function() { displayinfo(sv); }

also, try adding following styles attributes:

vb.style.position = 'absolute'; vb.style.left = '5px'; vb.style.top = '5px'; vb.style.width = '50px'; vb.style.height = '20px';

otherwise i'm not sure how js render it.


Comments

Post a Comment

Popular posts from this blog

Perl - how to grep a block of text from a file -

-
it can in xml or text format. how in general grep block of text in perl? <track type="ws"> <range> <rangestart>0</rangestart> <rangeend>146.912</rangeend> <locationindex>0</locationindex> <propertyindex>0</propertyindex> </range> </track> <track type="ps" id="1"> <range> <rangestart>0</rangestart> <rangeend>146.912</rangeend> <locationindex>1</locationindex> <propertyindex>1</propertyindex> </range> </track> i want grep type="ps" , till </range> . one solution open file, read line line , match block. open(fh, "file.txt"); foreach $line (<fh>) { if ($line =~ m/type="cc"(.*?)<\/range>/) { print $1; } } but there more optimal solution without reading file line l
Read more

delphi - How to remove all the grips on a coolbar if I have several coolbands? -

-
Image
if set mycoolbar.fixedorder true,only grip on first band hidden. well,if use delphi 7 create vcl forms application,then put coolbar on , create 3 coolbans hold other controls,only grip , top coolbands can hidden setting mycoolbar.fixedorder:=true. i've uploaded picture make things clear. you got fixedorder property wrong. fixed property not allow bands rearranged if set true . setting property of coolbar true keep user changing bands order @ runtime, user can still move , resize bands. can give advice can do, actual solution problem, well, have wait answer. my advice use 3 coolbars in row , setting "fixedorder" property true , bandborderstyle bsnone . way grip hidden on of them. about property, it's not bug of ide, actual preference of property.
Read more

javascript - Animating array of divs; only the final element is modified -

-
this baffling me @ moment. i'm experienced programmer looking throw bit of surprise fiancee on countdown page our wedding. desired effect simulated confetti falling behind main page. setup follows: i have array of divs in javascript. each div absolutely positioned on page. have interval set updates every 50 or milliseconds. on each tick, run loop on array of divs, , calculations , update positions. problem problem having, however, though can see divs created, stored array, , modified (in case, each has slight randomized rotation) during initialization phase, once tick update position starts, div stored in whatever last slot of array gets position updated. tried hard-coding each div index testing purposes, strictly last element update position. upon printing current "left" , "top" style values each div before , after calculations shows value has been changed, no visible change noticeable. here's basic code: javascript var container;
Read more