ajax - cannot bind values to dynamically created textbox jquery -


i'm trying bind jquery autocomplete result dynamically created textboxes, have searched internet , forums couldn't found appropriate solution, i'm sharing code

jquery:

function bindautocomplete(classname) {     $("." + classname).autocomplete({         source: function (request, response) {             $.ajax({                 url: '/admin/ticket/getpart',                 type: "get",                 datatype: "json",                 data: { term: request.term },                 success: function (data) {                     if (data != null) {                         if (data.length > 0) {                             response($.map(data, function (item) {                                 return { label: item.partnumber, value: item.partnumber };                             }))                         }                         else {                             response([{ label: 'no results found.' }]);                         }                     }                 }             })         },     });  }  function binddata() {     var errormsg = "";     var amount = $('.inputs').val();      $.ajax({         type: "get",         url: '/admin/ticket/getpart',         data: { 'term': amount },         datatype: "json",         success: function (data) {             if (data != null) {                 if (data.length > 0) {                     $('#manufacturer').val(data[1].manufacturer);                     $('#datecode').val(data[0].datecode);                     $('#package').val(data[0].packagecase);                     $('.buyingprice').val(data[0].price);                 }                 else {                     $('#manufacturer').val('');                     $('#datecode').val('');                     $('#package').val('');                     $('.buyingprice').val('');                 }             }          },         error: function (jqxhr, exception) {             $('#error').html(jqxhr)         }     }); };  // fetch part number $(document).ready(function () {     bindautocomplete('inputs');     $('.inputs').keyup(binddata) });  $("#addmore").click(function () {      $("#maintable").each(function () {          var tds = '<tr>';          jquery.each($('tr:last td', this), function () {             tds += '<td>' + $(this).html() + '</td>';         });         tds += '</tr>';          if ($('tbody', this).length > 0) {              $('tbody', this).append(tds);          //   binddata();             bindautocomplete('inputs');             $("#delete").fadein('200');         }         else {             $(this).append(tds);             bindautocomplete('inputs');         //    binddata();          }     });  });

html:

<table id="maintable">         <thead>             <tr>                 <th>                     part no                 </th>                 <th>                     mfg                 </th>                 <th>                     dc                 </th>                 <th>                     pkg                 </th>                 <th>                     qty. need                 </th>                 <th>                     qty. offer                 </th>                 <th>                     bp                 </th>                 <th>                     bp(usd)                 </th>                 <th>                     amt (usd)                 </th>                 <th>                     lt days                 </th>                 <th>                     desc                 </th>                 <th>                     note                 </th>             </tr>         </thead>         <tbody>             <tr>                 <td>                     <input class="inputs" type="text" name="abcd" id="partnumber23" style="width:130px;" />                 </td>                 <td>                     <input class="text-box single-line" id="manufacturer" name="manufacturer" type="text" value="" />                     <span class="field-validation-valid" data-valmsg-for="manufacturer" data-valmsg-replace="true"></span>                 </td>                 <td>                     <input class="text-box single-line" id="datecode" name="datecode" type="text" value="" />                     <span class="field-validation-valid" data-valmsg-for="datecode" data-valmsg-replace="true"></span>                 </td>                 <td>                     <input class="text-box single-line" id="package" name="package" type="text" value="" />                     <span class="field-validation-valid" data-valmsg-for="package" data-valmsg-replace="true"></span>                 </td>                 <td>                     <input class="text-box single-line" data-val="true" data-val-number="the field quantity must number." data-val-required="the quantity field required." id="quantity" name="quantity" style="width:35px;" type="number" value="" />                     <span class="field-validation-valid" data-valmsg-for="quantity" data-valmsg-replace="true"></span>                 </td>                 <td>                     <input class="text-box single-line" id="customquantity" name="customquantity" style="width:35px;" type="text" value="" />                     <span class="field-validation-valid" data-valmsg-for="customquantity" data-valmsg-replace="true"></span>                 </td>                 <td>                     <input class="buyingprice text-box single-line" id="buyingprice" name="buyingprice" type="text" value="" />                     <span class="field-validation-valid" data-valmsg-for="buyingprice" data-valmsg-replace="true"></span>                 </td>                 <td>                     <input id="bpusd" name="convertedbp" readonly="readonly" type="text" value="" />                     <span class="field-validation-valid" data-valmsg-for="convertedbp" data-valmsg-replace="true"></span>                 </td>                 <td>                     <input id="amtusd" name="convertedamount" readonly="readonly" type="text" value="" />                     <span class="field-validation-valid" data-valmsg-for="convertedamount" data-valmsg-replace="true"></span>                     <span id="error" class="error"></span>                 </td>                 <td>                     <input id="ltdays" name="ltdays" type="text" value="" />                     <span class="field-validation-valid" data-valmsg-for="ltdays" data-valmsg-replace="true"></span>                 </td>                 <td>                     <select class="drop" id="description" name="description">                         <option>original rohs</option>                         <option>rohs compliance</option>                     </select>                     <span class="field-validation-valid" data-valmsg-for="description" data-valmsg-replace="true"></span>                 </td>                 <td>                     <textarea class="txtarea text-box multi-line" id="note" name="note" placeholder="any note ticket"></textarea>                     <span class="field-validation-valid" data-valmsg-for="note" data-valmsg-replace="true"></span>                 </td>             </tr>         </tbody>     </table>

it working on single row of textbox not working on dynamic text boxes, please guide me i'm stuck on hours


Comments

Post a Comment

Popular posts from this blog

commonjs - How to write a typescript definition file for a node module that exports a function? -

consider, toml node module can use: // toml.d.ts declare module toml { export function parse(value:string):any; } declare module "toml" { export = toml; } then: /// <reference path="../../../../../defs/toml/toml.d.ts"/> import toml = require('toml'); toml.parse(...); however, node module export single function, such 'glob' ( https://github.com/isaacs/node-glob ). the node usage of module be: var glob = require("glob") glob("*.js", {}, callback(err, files) { ... }); you'd naively expect this: // glob.d.ts declare function globs(paths:string, options:any, callback:{(err:any, files:string[]):void; ...but because typescripts 'import' semantics bit strange, seems can use 'import .. = require()' statement alias modules . trying call: /// <reference path="../../../../../defs/glob/glob.d.ts"/> import blog = require('glob'); results in: error ts2072: mod...
Read more

openid - Okta: Failed to get authorization code through API call -

i'm integrating okta own idp server using okta's api. i'm implementing authorization code flow following steps below: in own server, use /api/v1/authn endpoint sessiontoken. use sessiontoken obtain authorization calling endpoint: /oauth2/v1/authorize?client_id=" + clientid + "&sessiontoken=" + sessiontoken + "&response_type=code&response_mode=query&scope=openid&redirect_uri=" + redirecturl + "&state=evanyang&nonce=" it's supposed return response status code 302 , location header containing redirect url code value. however, keep getting response status code 200 , without location header, html body saying "you using unsupported browser." , "javascript disabled on browser." according api documentation: http://developer.okta.com/docs/api/resources/oidc.html#authentication-request , sessiontoken parameter sufficient this: an okta one-time sessiontoken. allows api-based ...
Read more

ios - Change Storyboard View using Seague -

i have following code checks connection server, , depending on want change views if no connection found. nsstring *connect = [nsstring stringwithcontentsofurl:[nsurl urlwithstring:@"http://myserver.com"] encoding:nsutf8stringencoding error:nil]; if (connect == null) { [self performseguewithidentifier:@"network_failure" sender:self]; } else { // other code here } my problem not change views. have added storyboard segue between 2 views identifier of network_failure . not have navigation controller or that, problem? thanks help! no not problem. first of all, in objectivec exists nil object oriented null . must use that. so: if(connect == nil) or better: if(!connect) so due fact nil not same of null , probably code does't enter in if scope . you have been able discover breakpoint. anyway: be sure set trigger segue (line) 2 view controller , , name network_failure (that not best name. should instead view1toview2 ) as, m...
Read more