Jquery and input value selector issue

Question

Html Code:

<input type="text" name="input-1" class="input-1" value="001 / 2007">
    <input type="button" id="asd" value="check">

JS Code

$(document).ready(function (){
    $("#asd").click(function (){
        alert($("input[value='001 / 2007']").val());
        $("input[value='001 / 2007']").val("001-2007");
    });
});

The value changed through Jquery is not available to input[value...] selector after the change, it is still selects based on the old value. Here is the live code http://jsfiddle.net/WwRVy/, So question is how to select input based on latest value?

Can't you give your input an id, or just select the element based on its name? — billyonecan
– billyonecan, Commented Apr 30, 2013 at 10:38

xdazz · Accepted Answer · 2013-04-30 10:36:46Z

1

Why not select base on the name or just the class?

$("#asd").click(function (){
    $("input[name='input-1']").val("001-2007");
});

answered Apr 30, 2013 at 10:36

xdazz

161k38 gold badges255 silver badges278 bronze badges

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

1 Comment

Artyom Neustroev Over a year ago

It is probably a snippet, that shows the issue of a selector not selecting what it supposed to.

John · Accepted Answer · 2013-04-30 10:36:06Z

0

Try this

Html Code:

<input type="text" name="input-1" class="input-1" value="001 / 2007">
<input type="button" id="asd" value="check">

JS Code

$(document).ready(function (){
 $("#asd").click(function (){
    alert($("input").val());
    $("input").val();
 });
});

answered Apr 30, 2013 at 10:36

John

5391 gold badge4 silver badges15 bronze badges

Comments

Sydwell · Accepted Answer · 2013-04-30 10:37:00Z

0

Its one of infamous JavaScript issues, try

alert($('input[value="001 / 2007"]').val());

Notice the Single and Double quotes is swapped arround

answered Apr 30, 2013 at 10:37

Sydwell

5,0231 gold badge35 silver badges36 bronze badges

Comments

vinothini · Accepted Answer · 2013-04-30 10:37:32Z

0

You want to do like

  $("input[value=001 / 2007]").val("001-2007");

Modified jsfiddle link is http://jsfiddle.net/WwRVy/5/

answered Apr 30, 2013 at 10:37

vinothini

2,6124 gold badges29 silver badges42 bronze badges

Comments

Arun P Johny · Accepted Answer · 2013-04-30 10:37:53Z

0

Try

$(document).ready(function (){
    $("#asd").click(function (){
        var inputs = $('input').filter(function(){
            return $(this).val() == '001 / 2007';
        });
        alert(inputs.val());
        inputs.val("001-2007");
    });
});

Demo: Fiddle

answered Apr 30, 2013 at 10:37

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Comments

Artyom Neustroev · Accepted Answer · 2013-04-30 10:41:34Z

0

My guess is, that jQuery .val() method changes the property value, while jQuery selector works with attributes. There are several workarounds, i.e. using [0] notation of jQuery object and change its value attribute or change it with .attr():

$("input[value='001 / 2007']").attr("value", "001-2007");

FIDDLE

P.S.: You'd better change the way you select that element, i.e. assign an id or a class to it.

edited Apr 30, 2013 at 10:41

answered Apr 30, 2013 at 10:36

Artyom Neustroev

8,7355 gold badges36 silver badges59 bronze badges

Collectives™ on Stack Overflow

Jquery and input value selector issue

6 Answers 6

1 Comment

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

1 Comment

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related