Home/ Questions/Q 1000549
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-16T07:31:52+00:00

I FORMULATED MY SELF VERY BADLY! I will start over :) I appreciate your

  • 0

I FORMULATED MY SELF VERY BADLY!

I will start over 🙂 I appreciate your good answers, and if you can, try answering this: ( I will try to be more specific this time)

What I want is, that a <form>element onsubmit, onclick of a button or whatever takes the value of an <input type="text" value="Default value"> and inserts it in a couple of <span>elements, I like to call “placeholders”. This sample might explain it a little better:

<head>
<script type="text/javascript">
$(document).ready(function() 
{
$("input[type=button]").click(function //click the button
{ do_the_magic_thing() //make the value from id="txt_inp" appear in class="placeholder"
}); 
});
</script>
</head>

<body>
<form method="POST" action="" id="theForm"> //could also be get, I don't care
<input type="text" id="txt_inp" value="Default Value" onfocus="if (this.value == Default Value) this.value=''"> //this SHOULD make the Default Value dissapear on focus
<input type="button"> //could also be a submit

<span class="placeholder"></span> //$("#txt_inp").value; goes here
<span class="placeholder"></span> //$("#txt_inp").value; goes here
</body>

Now, is it really as simple as this?:

var do_the_magic_thing = function() {
$(".placeholder").html = $("#txt_inp").value;
};

I’m going to bed now – it’s late in Denmark 🙂 I will answer your comments tomorrow 🙂

OLD POST:


I am very new to this jQuery thing, but I do understand the basics and all. Let’s simplify and say I have a form which looks like this:

<form method="POST" action="">
<input type="text" value="Default value">
<input type="submit" value="Click me">
<input type="hidden"> //hidden is for being able to submit by hitting enter
</form>

I’ve tried with $.post, but I just cannot get it right; it’s not working for me.

Now, I would like to cancel the submit (can’t that be done by just adding a return false; in the function returning the value, if a such is present?), but this is not crucial.

I think I typed in something like

$.post("test.php", function(data) {
alert("This is the data submitted (and cancelled):" + data);
}); //I have also tried without the "test.php", that's not it

Can you tell me, what I’m doing wrong please? 🙂

NOTE

It is not necessary, that the submit is cancelled, but I would like that
Nor is it necessary, that POST is the method used, but once again, this is what I prefer

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    To answer the revised version of your question, yes, it really is that simple, although the correct syntax for your “do the magic thing” function is the following:

    var do_the_magic_thing = function() {
    $('.placeholder').html($('#txt_inp').val());
};

    P.S. Don’t worry too much about not expressing yourself, your English is much better than my Danish.

    • 0