How to add/remove html data in a span using javascript

Question

I am currently doing a simple online bus seat booking system and i am stuck with one feature that whenever user selects more than one bus seat,corresponding seat number should be shown in a span or div separated by comma and whenever the user unselect the seat(by clicking selected seat again) that seat number must be removed.

I did the first part,ie adding seat number to the span but have no idea how to remove the unselected seat number.Also how to separate seat number by comma.My code is

function bookSeat(seat) {
        var src = $("#" + seat).attr('src');
//        alert(src);
        if (src === 'images/availableSeat.gif') {
            $("#" + seat).attr('src', 'images/selectedSeat.gif');
            if ($('#seats').is(':empty')) {
                $("#seats").append(seat);
            } else {
                $("#seats").append(" , "+seat);
            }

        }
        else if (src === 'images/selectedSeat.gif') {
            $("#" + seat).attr('src', 'images/availableSeat.gif');
           // code to remove the unselected seat number
        }
    }

any help will be appreciated

what should .append(seat) expect to do?

Mohamed-Yousef
– Mohamed-Yousef

2015-11-13 07:43:56 +00:00
Commented Nov 13, 2015 at 7:43 — Mohamed-Yousef
– Mohamed-Yousef, Commented Nov 13, 2015 at 7:43
to show the selected seat number in a span

Boban Thomas
– Boban Thomas

2015-11-13 07:47:06 +00:00
Commented Nov 13, 2015 at 7:47 — Boban Thomas
– Boban Thomas, Commented Nov 13, 2015 at 7:47

madalinivascu · Accepted Answer · 2015-11-13 07:55:01Z

4

Convert your string into a array and remove the seat value, join the array and append it to the seat div TRy:

  function remove(seat) {
    var array = $("#seats").html().split(",");
    $.each(array,function(i,v){
       if (v == seat) {
            array.splice(i,1);
         }
    });
    return array.join();
    }
data = remove('seat2');
 $("#seats").append(data);

see: https://jsfiddle.net/c5us7u23/

edited Nov 13, 2015 at 7:55

answered Nov 13, 2015 at 7:49

madalinivascu

32.4k4 gold badges41 silver badges59 bronze badges

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

Collectives™ on Stack Overflow

How to add/remove html data in a span using javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related