jquery - How to create form elements input box , label using javascript onclick -

-

i know how create hidden type input box , labels using javascript onclick function. 

$().ready(function() {       $("#product").autocomplete("get_completeproducts", {                     width: 406,         matchcontains: true,         selectfirst: false     }); });   <input type="text" value="" name="product" id="product" size="50"> <input type="button" value="add list" onclick="addprotolist()" name="select_pro">

i getting above input box value through ajax auto complete , user click on select box , have , have add list them number of selected phones bellow input box like

<label>samsung galaxy y<label><input type="hidden" value="778" name="pro_id[]"> <label>samsung galaxy y duos<label><input type="hidden" value="788" name="pro_id[]"> <label>samsung galaxy y plus<label><input type="hidden" value="728" name="pro_id[]"> . . . <input type="submit" name="save" value="save list">

anybody can provide me how code using javascript or jquery. 

function addprotolist() {   var str = '<label>'+ var_for_text +'</label><input type="hidden" value="'+ var_for_value +'" name="pro_id[]">';   $('#yourform').append( str ); }

note

if want append multiple input, label etc using loop, don't call append within loop, slow down performance. make string above , call .append() @ last out of loop.

for example

var str = ''; function addprotolist(inputobj) {    // typical example of inputobj may   // inputobj = [ {labeltext: 'some 1', value: 'val1' }, {labeltext: 'some 2', value: 'val2'} ]    // loop   for(var = 0; < inputobj.length; i++ ) {     str += '<label>'+ inputobj[i].labeltext +'</label><input type="hidden" value="'+ inputobj[i].value +'" name="pro_id[]">';   }    // call append outside of loop   $('#yourform').append( str ); }

but way not make sense use label. have connect input either wrapping or specifying for attribute pointing input's id:

<!-- simple label example attribute -->   <input type="radio" name="clickmebutton" id="clickmebutton"> <label for="clickmebutton">click me</label>    <!-- or more -->   <label><input type="radio" name="clickmebutton"> click me</label>

from label on mdn


Comments

Post a Comment

Popular posts from this blog

c# - SVN Error : "svnadmin: E205000: Too many arguments" -

-
i trying reposotries using c# code process svncommand = null; var psi = new processstartinfo("svnadmin"); psi.redirectstandardoutput = true; psi.redirectstandarderror = true; psi.useshellexecute = false; psi.arguments= @"dump c:\repositories\myrepo > c:\temp\myrepodumpfile.dump"; using (svncommand = process.start(psi)) { var myoutput = svncommand.standardoutput; var myerror = svncommand.standarderror; debug.write("output :" + environment.newline + environment.newline + myoutput.readtoend() + environment.newline + "error :" + environment.newline + environment.newline + myerror.readtoend()); svncommand.close(); } when use dump command commandline svnadmin dump c:\repositories\myrepo > c:\temp\myrepodumpfile.dump it works fine when try ...
Read more

c++ - Using OpenSSL in a multi-threaded application -

-
i have been writing soap client application in c++ on ubuntu using openssl https transport , pthreads threading. have number of threads - 1 central data acquisition thread periodically gets worker threads make soap requests via shared mutex protected queues. reading documentation openssl found is openssl thread-safe? in openssl faq describes mechanisms required ensure thread safety when using openssl. implemented , works fine. the reason question conceptual difficulty really. thinking implementing same functionality application has already, instead of using threads, create 2 seperate applications : 1 worker thread (of multiple copies running) , main data acquisition thread. use tcp sockets communicate between 2 rather mutex protected queues. may bad idea not important - confusing me would have implement same functions required ensure openssl thread safety in second approach or not? my guess not have , treated independent (indeed surely must many applications use openssl) re...
Read more

All overlapping substrings matching a java regex -

-
is there api method returns (possibly overlapping) substrings match regular expression? for example, have text string: string t = 04/31 412-555-1235; , , have pattern: pattern p = new pattern("\\d\\d+"); matches strings of 2 or more characters. the matches are: 04, 31, 412, 555, 1235. how overlapping matches? i want code return: 04, 31, 41, 412, 12, 55, 555, 55, 12, 123, 1235, 23, 235, 35. theoretically should possible -- there obvious o(n^2) algorithm enumerates , checks substrings against pattern. edit rather enumerating substrings, safer use region(int start, int end) method in matcher . checking pattern against separate, extracted substring might change result of match (e.g. if there non-capturing group or word boundary check @ start/end of pattern). edit 2 actually, it's unclear whether region() expect zero-width matches. specification vague, , experiments yield disappointing results. for example: string line = "xx90xx"; strin...
Read more