jquery - Ajax not working on select tag, PHP, AJAX -


i'm trying use ajax on select tag 2 options, it's not getting $_post reason. prints out "---", not print out $_post value, either 1 or 2. i'm not sure did wrong. please take @ code:

newtest.php 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>  <script type = "text/javascript">   function ajax(url,type,thename,id) {        $.ajax({            type: "post",            url: url,            data: { select: $(type+'[name='+thename+']').val()},            error: function(xhr,status,error){alert(error);},            success:function(data) {              document.getelementbyid( id ).innerhtml = data;            }        });  }  </script>  <?php  echo "<select name = 'name' onchange = 'ajax(\"newtestx.php\",\"input\",\"name\",\"output\")'>"; echo "<option value = '1'> 1 </option>"; echo "<option value = '2'> 2 </option>"; echo "</select>";  echo "<div id = 'output'></div>";  ?>

newtestx.php 

<?php  $name = $_post['name']; echo $name."---";  ?>

you sending post parameter key "select" server in ajax call:

   data: { select: $(type+'[name='+thename+']').val()},

in newtestx.php trying retrieve value post parameter key "name" - doesn't exist:

$name = $_post['name'];

you fix giving parameter keys same name. if $name = $_post['select'] parameter found.

inline javascript considered bad practice , there's no need echo out html markup, makes mark harder work with.

newtest.php

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script src="[link javascript file here]"></script> <select name='numbers' class="postvalueonchange" data-id-to-update="output" data-post-url="newtestx.php">     <option value='1'>1</option>     <option value='2'>2</option> </select> <div id='output'></div>

javascript file

$(document).ready(function () {     $('.postvalueonchange').change(postselectedvalue);      function postselectedvalue(e) {         var $self = $(this);         var url = $self.data('post-url');         var $elementtoupdate = $('#' + $self.data('id-to-update'));          var jqxhr = $.ajax({             type: "post",             url: url,             data: {                 selected: $self.val()             }         });         jqxhr.done(function (data) {             $elementtoupdate.html(data);         });         jqxhr.fail(function (jqxhr, textstatus, errorthrown) {             alert(errorthrown);         });     } });

newtestx.php

<?php $name = $_post['selected']; echo $name."---"; ?>

Comments

Post a Comment

Popular posts from this blog

javascript - Using jquery append to add option values into a select element not working -

i'm looking dynamically populate select element names of items stored array. for reason it's not working , i'm not sure why. html: <div class="col-md-4 col-md-offset-4"> <select class="select1"> </select> , <select class="select2"> </select> </div> note i'm using bootstrap layout. here's jquery i'm using try , populate ".select1" jquery: select: function() { $.each(state.greens, function(index, value) { $(".select1").append("<option value =' " + index + " '>" + state.greens[index].name + "</option>"); }); } note function 'select' stored within object called 'display'. state.greens name of array i'm trying access. so @ end of html page call display.select(); call function. no error messages showing in console. also, saw question: appending
Read more

Android soft keyboard reverts to default keyboard on orientation change -

i'm building android soft keyboard , can't seem fix bug - have arabic , qwerty keyboard , when rotate device on qwerty keyboard (or arabic shift), it's if program has "restarted" , becomes arabic keyboard without shift. the onsaveinstancestate(bundle savedinstancestate) not work because application not extend activity inputmethodservice . i put following in android manifest android:configchanges="keyboard|keyboardhidden|orientation" android:windowsoftinputmode="stateunchanged|adjustresize"> i tried using @override public void onconfigurationchanged(configuration newconfig) { super.onconfigurationchanged(newconfig); log.i(mydebug, "config changed " + currentkeyboard.equals(qwerty)); } however, currentkeyboard.equals(qwerty)) results false , made sure true before orientation change. any appreciated. i think applications fault. if application restarting on orientation change
Read more

Rendering JButton to get the JCheckBox behavior in a JTable by using images does not update my table -

i rendering jbutton image on simulate jcheckbox behavior. why don't let jtable render jcheckbox? because need bigger checkboxes , there's no way can resize them (as far know). so, have own table cell renderer , editor. both renders jbutton , checkbox images on them. trying change image checked image unchecked image (or vice versa) , update cell value (boolean true or false). however, reason, getcelleditorvalue() not update table. so, release mouse, value goes original one. any appreciated! lot! public class tableexample extends jframe { jscrollpane pane; jpanel panel; jtable table; object[][] data; mytablemodel tm; renderer buttoncolumn; public tableexample(object[][] data) throws ioexception { string[] columns = {"column#1", "column#2", "column#3", "column#4", "column#5", "column#6"}; this.data = data; this.setpreferredsize(new dimension(700, 500));
Read more