jquery input selection

Question

var inputvalue = $(this).attr('value')
             $('input[value=inputvalue] + label').css({
                    '-webkit-transition': 'opacity 0.4s linear',
                    'opacity': '0'
                });

But it does not work. As expected value=inputvalue does not get that variable but looks for that name. How can i do this?

Thanks a lot :)

Have you considered using $(this).val() instead of $(this).attr('value')? Oh, and the attribute-equals selector requires the values to be quoted. 'Quotes are mandatory.' Reference: val(), attribute-equals selector. — David Thomas
– David Thomas, Commented May 13, 2011 at 18:25
Can you post your markup? It will help us understand what you are trying to do — meouw
– meouw, Commented May 13, 2011 at 18:28

Mario · Accepted Answer · 2011-05-13 18:25:15Z

3

You need to use some string concatenation here.

var inputvalue = $(this).val();
$('input[value="' + inputvalue + '"] + label').css({
  '-webkit-transition': 'opacity 0.4s linear',
  'opacity': '0'
});

answered May 13, 2011 at 18:25

Mario

2,9421 gold badge27 silver badges38 bronze badges

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

Comments

andres descalzo · Accepted Answer · 2011-05-13 19:30:54Z

try this: example

HTML:

<label for="myinput">Label for input</label>
<input id="myinput" />
<button>check</button>
<br />

JS:

$.expr[':'].value = function(obj, index, meta, stack){

    if (meta[3] == $(obj).val())
        return true;    

    return false;
};

$.fn.labelInput = function() {

    if (this && $(this).attr('id'))
        return $('label[for="'+$(this).attr('id')+'"]');

    return null;
}

$('button').bind('click', function(event) {

   var 
       inputvalue = $('input').val(),
       cssOpcions = {
          '-webkit-transition': 'opacity 0.4s linear',
          'opacity': '0'
        };

    $('input:value(' + inputvalue + ')')
        .css(cssOpcions)
        .labelInput().css(cssOptions);

});

Collectives™ on Stack Overflow

jquery input selection

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related