How to return value to console in javascript?

Question

I am trying to write some javascript that will return the value of toasty.png and bready.png when the user clicks on the respective text. I'm able to return "Toast" and "bread" but not the other text. Any advice?

<script>
    $(document).on('vclick', '.changePageButton', function() {
        console.log(this.text);
        //console.log(value within the image)
    });
</script>

<a class="changePageButton" value="Toast" data-transition="slide">
    <input type = "hidden" name = "image" value = "toasty.png">
    <input type = "hidden" name = "video" value = "video1.mpg">
    test
</a>

<a class="changePageButton" value="bread" data-transition="slide">
    <input type = "hidden" name = "image" value = "bready.png">
    <input type = "hidden" name = "video" value = "video2.mpg">
    test
</a>

rink.attendant.6 · Accepted Answer · 2013-07-31 04:42:19Z

2

// Also did you mean "click"?
$(document).on('click', '.changePageButton', function () {
    var inputs = {};

    console.log(this.text);

    $(this).children('input').each(function (v) {
        inputs[$(this).prop('name')] = $(this).val();
    });

    console.log(inputs);
    console.log(inputs.image);
    console.log(inputs.video);
});

edited Jul 31, 2013 at 4:42

answered Jul 31, 2013 at 4:24

rink.attendant.6

46.7k64 gold badges111 silver badges161 bronze badges

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

8 Comments

sharataka Over a year ago

What if I have multiple hidden input fields within the <a> tag?

rink.attendant.6 Over a year ago

Then you'd pick one of them using .get(x) or you'd be more specific in the .children() parameter.

sharataka Over a year ago

I just edited my code above. How would I be more specific using .children?

rink.attendant.6 Over a year ago

Which do you want returned? All of them?

sharataka Over a year ago

Yes, separately though.

|

Sonu Sindhu · Accepted Answer · 2013-07-31 04:41:38Z

0

try this

$(document).on('vclick','.changePageButton', function() {

     console.log($(this).find("input[type='hidden']").val());

     // if you want according to hidden field name
     console.log($(this).find("input[name='image']").val());

});

I hope it will help

edited Jul 31, 2013 at 4:41

answered Jul 31, 2013 at 4:27

Sonu Sindhu

1,80216 silver badges27 bronze badges

2 Comments

sharataka Over a year ago

What if I just want the value within the hidden field with name "image"?

Sonu Sindhu Over a year ago

you can use find("input[name='image']")

marc_s · Accepted Answer · 2016-01-16 09:17:19Z

0

Form tag usable for get element

<script>
 $(document).on('vclick','.changePageButton', function() {
  var frm = document.getElementById('ID');
  // jQuery frm = $("#ID")
  console.log(this.text);
  console.log(frm.image.value[0]);
  console.log(frm.image.value[1]);
  // or you can use loop  FOR, WHILE etc
 });
</script>
<form id="ID">
    <a class = "changePageButton" value = "Toast" data-transition="slide">
        <input type = "hidden" name = "image" value = "toasty.png">
        test
    </a>

    <a class = "changePageButton" value = "bread" data-transition="slide">
        <input type = "hidden" name = "image" value = "bready.png">
        test
    </a>
 </form>

edited Jan 16, 2016 at 9:17

marc_s

760k186 gold badges1.4k silver badges1.5k bronze badges

answered Jul 31, 2013 at 4:32

Ch Tsogbadrakh

312 bronze badges

Collectives™ on Stack Overflow

How to return value to console in javascript?

3 Answers 3

8 Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

8 Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related