jQuery Failed To Get HTML Input Value

Question

I have this jQuery script :

$('a.manage-content-link').click(function (e) {
var self = $(this),
    file = self.siblings('input[type="hidden.block-hidden-input"]').val();
var username = $("username").val();
var ids = $(this).attr('id'); 
self.next(".manage-content-wrap").find(".manage-content").load("test1.php?id="+ids+"&file="+file);
e.preventDefault();
});

and this HTML tags :

<li><input type="hidden" value="001" class="block-hidden-input" />
    <a href="#" id="manage-1" class="manage-content-link">
        <img src="images/web-block/web-block1.jpg"/>
        <span class="orange-notice">Click to Edit Content</span>    
    </a>
</li>

in the test1.php, I have this :

<?php
$file = $_GET['file'];
$id = $_GET['id'];

echo $file ."<br>";
echo $id ."<br>";
echo "Hello World";
?>

and here's what I got as an output :

undefined >> should be 001
manage-1
Hello World

why that script failed to get the Input Value (in this case : 001), but it successfully get 'ids' from a href' ID?

Blender · Accepted Answer · 2012-10-19 05:56:33Z

4

Your selector got messed up a little:

self.siblings('input[type="hidden.block-hidden-input"]').val();
                               ^^^^^

Try this one instead:

self.siblings('input[type="hidden"].block-hidden-input').val();

Also, are you sure you have a <username> element?

var username = $("username").val();

edited Oct 19, 2012 at 5:56

answered Oct 19, 2012 at 5:52

Blender

300k55 gold badges462 silver badges511 bronze badges

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

1 Comment

Blender Over a year ago

@gdoron: Thanks, I missed that one.

Muthu Kumaran · Accepted Answer · 2012-10-19 05:52:40Z

2

This line is wrong,

file = self.siblings('input[type="hidden.block-hidden-input"]').val();

It should be

file = self.siblings('input[type="hidden"].block-hidden-input').val();

answered Oct 19, 2012 at 5:52

Muthu Kumaran

18k5 gold badges50 silver badges72 bronze badges

Comments

Nicolas Connault · Accepted Answer · 2012-10-19 05:57:44Z

0

Should be

file = self.siblings('input[type="hidden"].block-hidden-input').val();

answered Oct 19, 2012 at 5:57

Nicolas Connault

4646 silver badges12 bronze badges

Collectives™ on Stack Overflow

jQuery Failed To Get HTML Input Value

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related