JavaScript – different action to same input type but different name

I have a problem with my js script because for both button will open te same site 1. I don’t know why?

Could somebody help me to reslove this problem?

HTML:

<form id="trackAndTraceForm" target="_blank" class="form-horizontal" enctype="application/x-www-form-urlencoded" method="get" action="http://apollo.loxx.pl:8080/ApolloWebBooking/WebBooking/StatusyPrzesylki.aspx">
                                <span>Track and Trace:</span>
              <input type="text" value="" name="numer" placeholder="Numer listu przewozowego"/>                                
              <input type="submit" name="spr" class="btn btn-sm btn-primary" value="Sprawdz"/>
              <input type="submit" name="pod" class="btn btn-sm btn-primary" value="POD"/>

JavaScript:

$('#trackAndTraceForm').submit(function (event)
{
    var val = $('input[name="numer"]', this).val();
    elementClicked = $(event.target);
    var typeBtn = elementClicked.attr('name');

    if(typeBtn == 'spr')
    {


            if(val.substring(0,1) != '0'){
                //console.log('nie zero');
                var action = 'http://92.43.115.24:8080/ApolloWebBooking/WebBooking/StatusyPrzesylki.aspx';
                $(this).attr('action', action);
            }   
            else{
                var action = 'http://apollo.loxx.pl:8080/ApolloWebBooking/WebBooking/StatusyPrzesylki.aspx';
                $(this).attr('action', action);
            }   
    }
    else if(typeBtn =='pod'){
        var action = 'http://www.loxx.pl/loxx_it/loxxwarpod.php';
                $(this).attr('action', action);
    }
    else {
        //do nothing;
    }


});

If I click POD button action is the same like for Sprawdz with url

http://apollo.loxx.pl:8080/ApolloWebBooking/WebBooking/StatusyPrzesylki.aspx?numer=0317037128&pod=POD


Source: stackoverflow-javascript

How can I add a delete button to an input display using only javascript?

Okay, before I ask my question, I have searched high and low for this answer and I’ve only come up with no-ended answers or jQuery answers.
I am trying to do this using JAVASCRIPT ONLY. No other libraries.

I know I’m on the right track, but I just can’t figure out how to delete only the last entry of an input that I have created inside a div (all using js).
So, how do I make a delete button actually delete only the input entry it is attached to?

I put my script in a jsbin.
Any help would be greatly appreciated! Thank you in advance! (:

I guess I’m supposed to add my code here anyway so here it is:

<!DOCTYPE html>
<html>
<body>

Name: <input type="text" id="myText" value="">
<br/>
<br/>
Age: <input type="number" name="age">

<button onclick="myFunction()">Try it</button>



function myFunction() {
    var input = document.getElementsByTagName('input')[0].value;
    var agenum = document.getElementsByTagName('input')[1].value;
    var div = document.createElement('div');
    div.style.border = '2px solid red';
    div.style.padding = '10px';
    div.style.display = 'block';
    document.body.appendChild(div);
    var output = 'Name: ' + input + '
' + 'Age: ' + agenum; div.innerHTML = output; deleteButton(div); } function deleteButton(x) { var del = document.createElement('button'); del.style.textDecoration = 'none'; del.innerHTML = 'Remove this person?'; del.style.color = 'white'; del.style.backgroundColor = 'blue'; document.body.appendChild(del); } </body> </html>


Source: stackoverflow-javascript