javascript - Dropdown for a bootstrapmodal from a ajax POST -


i have bootstrap modal view:

<div class="modal fade" id="mymodal" tabindex="-1" role="dialog" aria-labelledby="mymodallabel">    <div class="modal-dialog" role="document">      <div class="modal-content">        <div class="modal-header">          <button type="button" class="close" data-dismiss="modal" aria-label="close"><span aria-hidden="true">&times;</span></button>          <h4 class="modal-title" id="mymodallabel">add missed tara or harvest product</h4>        </div>        <div class="modal-body">            <div class="form-group">            <label class="font-noraml">              select event type            </label>         <div class="input-group">              <select data-placeholder="select" class="form-control chosen-select" style="width:350px;" tabindex="2">                <option value="tara">                  tara machine                </option>                <option value="harvest">                  harvest product machine                </option>              </select>            </div>           </div>            <div class="form-group">            <label class="font-noraml">              product list            </label>         <div class="input-group">              <select data-placeholder="select" class="form-control chosen-select" style="width:350px;" tabindex="2">                <option value="ajaxdata">                  here ajax data                </option>              </select>            </div>           </div>        </div>        <div class="modal-footer">          <button type="button" class="btn btn-default" data-dismiss="modal">close</button>          <button type="button" class="btn btn-primary">save changes</button>        </div>      </div>    </div>  </div>

what want populate product list dropdown options returned ajax in json format, in order that, have button function when load modal:

function onaddmissedentryinfoclicked(entryid) { var currententryid = entryid; $('#mymodal').modal('show');  //this load modal view $.ajax({ type: 'post', url: "monitor/getharvestproductsdropdown", success: function(data) {     $($.parsejson(data.msg)).map(function () { return $('<option>').val(this.value).text(this.label); }).appendto('#ajaxdata');     console.log(data); }, error: function(xmlhttprequest, textstatus, errorthrown) {     alert(textstatus); } }); }

monitor/getharvestproductsdropdown in url function returns list mysql.

this how console.log(data) looking:

enter image description here

and json get: 

[{"name":"orz"},{"name":"orz baza"},{"name":"porumb"},{"name":"lucerna"},{"name":"rapita"},{"name":"sorghum"},{"name":"orz primavaratic"},{"name":"orz primavaratic baza"},{"name":"floarea soarelui"},{"name":"triticale"},{"name":"triticale baza"},{"name":"grau"},{"name":"grau baza"}]

but how can append json list in dropdown?

ps1. error:

vm375:1 uncaught syntaxerror: unexpected token u in json @ position 0 @ json.parse () @ function.m.parsejson (https://code.jquery.com/jquery-1.11.3.min.js:5:15998) @ object.success (http://local.delta-rom.rrsolutions.ro/assets/js/my/monitor.js:244:13) @ j (https://code.jquery.com/jquery-1.11.3.min.js:2:27309) @ object.firewith [as resolvewith] (https://code.jquery.com/jquery-1.11.3.min.js:2:28122) @ x (https://code.jquery.com/jquery-1.11.3.min.js:5:22111) @ xmlhttprequest.b (https://code.jquery.com/jquery-1.11.3.min.js:5:26030)

in ajax opts, set datatype 'json' expect json data server. iterate loop , set value. try code below, , let me know status.

$.ajax({ type: 'post', datatype:'json', url: "monitor/getharvestproductsdropdown", success: function(data) {      $('#ajaxdata').empty();     for(var = 0; i< data.length;i++){        $('#ajaxdata').append('<option value="'+data[i]['name']+'">'+data[i]['name']+'</option>');     }     console.log(data); }, error: function(xmlhttprequest, textstatus, errorthrown) {     alert(textstatus); } });

Comments

Post a Comment

Popular posts from this blog

javascript - Clear button on addentry page doesn't work -

this addentry blog page have made scratch , there underlying problems code particularly clear button supposed clear text entered when button clicked on doesn't work have saved html file problem. also 1 other problem submit button works doesn't pass of text index file have written php , reason whenever click on submit button redirects me index page without posting entry have made. <!doctype html> <html> <head> <script> function message() { alert("clear form?"); } </script> <style> body {background-color: beige;} h1 {color: black;} p {color: black;} textarea { width: 50%; height: 150px; padding: 12px 20px; box-sizing: border-box; border: 2px solid #ccc; border-radius: 4px; background-color: white; font-size: 16px; resize: none; } div { padding-left: 20px; } </style> </head> <meta charset="utf-8"> <link rel="stylesheet" href="....
Read more

python - Error: Unresolved reference 'selenium' What is the reason? -

# -*- coding: utf-8 -*- selenium import selenium import unittest, time, re class rc(unittest.testcase): def setup(self): self.verificationerrors = [] self.selenium = selenium("localhost", 4444, "*chrome", "http://stackoverflow.com/") self.selenium.start() def test_rc(self): sel = self.selenium sel.open("/") sel.type("id=kw", "selenium") sel.click("id=container") sel.click("id=su") def teardown(self): self.selenium.stop() self.assertequal([], self.verificationerrors) if __name__ == "__main__": unittest.main() this recorded selenium ide, selenium remote control code. in ide test passed.   in pycharm open, first line ( from selenium import selenium ) there error: unresolved reference 'selenium' what reason? my environment is python3.5 selenium3.3.1 selenium-server-standalone-...
Read more

php - Need to store a large amount of data in session with CI 3 but on storing large data in session it is itself destorying automatically -

i working on large web application need database retrieved session instead of database. first time retrieving db , saving session onward calls of data going session. it handling data @ stage when got more data stored in session session got destroyed automatically... "this problem seems similar question says title session destroyed after redirect other pages of site." i got answer questions point here how handle thing when know in future have more data stored inside session, i wanted know little bit more involved answer right in development stage on production when have user 100000 or more how session behave, application behave in same manner did before. kindly discuss me, researching, need corporation more technical in php discussion may solution many of people facing same kind of issues.. you need use native php session because php session stores id in cookie. codeigniter stores data in cookie , problem stuck. so either need use native php sessions...
Read more