Change buttons based on text jquery php

Question

Is it possible to change buttons based on the text in a td cell with jquery? I don't want to have two different buttons in a cell. Here's what it looks like right now in jsfiddle. (Sorry about the lack of jquery, I don't know how to approach it)

I have three stages in my mysql table. The column process goes from waiting to processing to shipped.

When it is process and waiting, btn_cancel is displayed.

<input type="submi" class="btn btn-danger" id="btn_cancel" name="cancel" value="Cancel Order">

When it is shipped, btn_hidden is displayed.

<input type="submit" class="btn btn-danger" id="btn_hidden" name="hidden" value="Hide">

How could I achieve this? Or if this is not possible what's the alternative?

is the value of the cell going to update dynamically? if not, why not give the button the correct value when the page is built in php? if it is dynamically, then whenever it is set, also change the button — pala_
– pala_, Commented Apr 3, 2015 at 19:15
look at conditional statement in php w3schools.com/php/php_if_else.asp. Make condition base on your status — Raja
– Raja, Commented Apr 3, 2015 at 19:17
@pala_ it is displayed in the table and an admin would change it so I would like it to change on the user side but not sure how to acheive this — alice
– alice, Commented Apr 3, 2015 at 19:27
well they'd have to refresh the page, in which case your server side scripts can generate the correct button — pala_
– pala_, Commented Apr 3, 2015 at 19:28
I have server side I just need to change the buttons. The data gets displayed on the page automatically with ajax @pala_ — alice
– alice, Commented Apr 3, 2015 at 19:43

James Harrington · Accepted Answer · 2015-04-03 21:42:16Z

1

The comments on your question may be correct but you asked how to do it in jQuery so here it is.

you can loop over each proccess table data and check the .text() and if the text === waiting then do what ever to the button. Here is a jsFiddle based off yours.

$(function(){

  $('[data-proccess]').each(function(ind, process){
    var content = $(process).text().toLocaleLowerCase();
    if(content !== 'waiting'){
      $(process).closest('tr').find('[name="cancel"]').hide();
    }  
  });

});

With that said. You might want to look in to doing it on the server side if you are generating the page with php or something

edited Apr 3, 2015 at 21:42

answered Apr 3, 2015 at 19:30

James Harrington

3,22032 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

alice Over a year ago

I have tried your solution and it works. However, it doesn't run the actions when I implement this. For instance, without the code, when I click the buttons to cancel and hide. They work but when I implement this and I clikc on the buttons, nothing happens.

James Harrington Over a year ago

what action are you referring to?

Sohel · Accepted Answer · 2015-04-03 19:41:59Z

0

You might try the following. Please use appropriate value for #btn_id

$("table tr").each(function(i){
  var $tds = $(this).find("td");
  var status = $tds.eq(1).text().toLocaleLowerCase();

  if(status === 'waiting' || status === 'processing'){
    $tds.eq(2).find("#btn_id").attr('value', 'Cancel Order');
  }
  else if(status === 'shipped'){
    $tds.eq(2).find("#btn_id").attr('value', 'Hide');
  }
  else{
    $tds.eq(2).find("#btn_id").attr('value', 'Wait..');
  }
});

answered Apr 3, 2015 at 19:41

Sohel

4313 silver badges10 bronze badges

1 Comment

alice Over a year ago

I have tried your solution and it works. However, it doesn't run the actions when I implement this. For instance, without the code, when I click the buttons to cancel and hide. They work but when I implement this and I clikc on the buttons, nothing happens.

Collectives™ on Stack Overflow

Change buttons based on text jquery php

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related