Pass variable like an input id in Javascript

Question

Good day. I am still learning Javascript. And I have a function that is called by this button:

<input class='inputButton' type='button' onclick="submit_data('EDIT')">

The function of submit_data looks like this:

function submit_data(mode){
var txtName = $('#txtName').val();
}

Where txtName is the id of a textbox. But suppose I have a variable called $xDate how do I call it?

var xDate =  $('$xDate').val();

like this?

This is the whole submit_data:

function submit_data(mode){
var txtName = $('#txtName').val();
varUrl = "/includes/action.php";
varData = "MODE=" + mode + "&TXT_NAME=" + txtName;

     $.ajax({
          url: varUrl,
          type: 'POST',
          data: varData,
          success: function(result) {
              alert(result);
              if(result = 'success'){
                redirect_to_parent();
              } 
              else
              {
              }
          }
     });
}

And the action.php looks like this:

<?php
include_once("/includes/functions.php");

$_GETVARS = (($_GET <0) ? $_GET : $_POST);

$mode = $_GETVARS['MODE'];
switch ($mode){    
    case 'EDIT': 
break;

    default:
        print_r($_GETVARS);
        break;
}

?>

In short. I need my variable to be accessible in action php. Possibly be included in my $_GETVARS

Sorry for the confusion. $xDate is a variable. I cannot get it from textbox and exist only as a variable.

Are you using `jQuery`? Please add complete code in question — Tushar, Jun 18 '15 at 06:46
Check [How to create a Minimal, Complete, and Verifiable example](http://stackoverflow.com/help/mcve) — user2314737, Jun 18 '15 at 06:49
$xDate is just a variable. Because I am passing values from textbox. But $xDate is from a variable and can not be obtain via textboxes. — aozora, Jun 18 '15 at 06:54

Swaraj Giri · Answer 1 · 2015-06-18T06:53:18.723

0

If the element your want to get an element to is linked to an id

$('#' + $xDate).val();

or, if it's a class

$('.' + $xDate).val();

edited Jun 18 '15 at 06:53

answered Jun 18 '15 at 06:49

Swaraj Giri

4,007
2
27
44

score 0 · Answer 2 · edited Jun 18 '15 at 08:26

0

You can try something like this.

<input class='inputtext' type='text'id="$xDate"/>

<input class='inputButton' type='button' onclick="submit_data('$xDate')"/>

function submit_data(mode){
    var txtName = $('#'+mode).val();
}

edited Jun 18 '15 at 08:26

Glorfindel

21,988
13
81
109

answered Jun 18 '15 at 06:52

Karthi Sanjivi

1
1

PavanAsTechie · Answer 3 · 2015-06-18T06:56:59.497

-1

your supposed to pass javascript variable to jquery as

 $('#' + $xDate).val();

edited Jun 18 '15 at 06:56

answered Jun 18 '15 at 06:50

PavanAsTechie

322
3
14

Pass variable like an input id in Javascript

3 Answers3