javascript - passing a variable to .html() function -



javascript - passing a variable to .html() function -

<!-- select drop downwards menu (works fine) --> <select id="select-event-type"> <?php foreach ($this->events $event) { echo "<option value='" .$event->event_id. "'>" .$event->event_title."</option>"; }?> </select> <!-- javascript, supposed output according chosen alternative in select drop downwards --> <script> (function ($) { var events = <?php echo (count($this->events) > 0) ? json_encode($this->events) : "null"; ?>; $(document).ready(function() { $('#select-event-type').change(function() { if (events) { var event = events[this.selectedindex]; $('#event-details').html(event); } }); }); })($); </script> <!-- in div output displayed --> <div id="event-details"></div>

the event variable undefined. if illustration this: var event = 'hello' output 'hello' supposed to. problem seems part: events[this.selectedindex];. did wrong? new this. give thanks much help!! update: console output (in chrome):

<script> (function ($) { var events = json.parse({"1":{"event_id":"1","event_title":"event1","event_desc":"event1","event_location":"eventlocation","event_requirements":"event1","event_date":"2022-07-20 15:00:00"},"2":{"event_id":"2","event_title":"event2","event_desc":"event2","event_location":"eventlocation","event_requirements":"event2","event_date":"2015-04-20 15:00:00"},"3":{"event_id":"3","event_title":"event3","event_desc":"event3","event_location":"eventlocation","event_requirements":"event3","event_date":"2019-11-20 16:00:00"}}); $(document).ready(function() { $('#select-event-type').change(function() { if (events) { var event = events[$(this).selectedindex]; $('#event-details').html(event); } }); }); </script>

json:

{ "1": { "event_id": "1", "event_title": "event1", "event_desc": "event1", "event_location": "eventlocation", "event_requirements": "event1", "event_date": "2022-07-20 15:00:00" }, "2": { "event_id": "2", "event_title": "event2", "event_desc": "event2", "event_location": "eventlocation", "event_requirements": "event2", "event_date": "2015-04-20 15:00:00" }, "3": { "event_id": "3", "event_title": "event3", "event_desc": "event3", "event_location": "eventlocation", "event_requirements": "event3", "event_date": "2019-11-20 16:00:00" } }

to value of select element utilize this.value. change:

var event = events[this.selectedindex];

to:

var event = events[this.value];

however, if json array indices 0,1,2,3,4 rather object alternative values keys utilize of this.selectedindex correct.

update:

in lite of sample json posted right code should be:

var event = events[this.selectedindex + 1].event_title;

special note

you can event info using either:

var event = json.stringify( events[this.selectedindex + 1] ); //gives string of

or build how want so:

var event = $('<div/>'); $.each( events[this.selectedindex + 1], function(k,v) { event.append( $('<div/>',{text:k + ': ' + v}) ); });

javascript jquery

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

json - Hibernate and Jackson (java.lang.IllegalStateException: Cannot call sendError() after the response has been committed) -

json - Hibernate and Jackson (java.lang.IllegalStateException: Cannot call sendError() after the response has been committed) - hello have problem hibernate , jackson. have 2 pojos @entity @table(name = "users") public class user implements serializable { static final long serialversionuid = 4235637833262722256l; @id @generatedvalue private int id; @column(name = "creation_date") private date creationdate; @column(name = "first_name") private string firstname; @column(name = "last_name") private string lastname; @version @column(name = "version") private int version; @column(name = "e_mail") private string email; @column(name = "enabled") private boolean enabled; @column(name = "login") private string login; @column(name = "password") private string password; @jsonmanagedreference("role") @onetomany(mappedby = "user", cascade = cascadetype.all,fetch = fetchtyp...
Read more

C++ 11 "class" keyword -

C++ 11 "class" keyword - i've started using c++ 11 little bit more , have few questions on special uses of class keyword. know it's used declare class, there's 2 instances have seen don't understand: method<class t>(); and class class_name *var; why precede typename keyword class in first example, , keyword pointer in sec example? that known elaborated type specifier , necessary when class name "shadowed" or "hidden" , need explicit. class t { }; // love of god don't t t; t t2; if compiler smart, give these warnings: main.cpp:15:5: error: must utilize 'class' tag refer type 't' in scope t t2; ^ class main.cpp:14:7: note: class 't' hidden non-type declaration of 't' here t t; ^ if class not defined, deed forwards declaration. for example: template <typename t> void method() { using type = typename t::value_type; } method...
Read more