jQuery script is not functioning

Question

When I try to run this jQuery script:

$('#textbox').keyup(function() {
$vari = $(this).val();
$(".user:contains($vari)").css("display", "block");
};

it doesn't function, it just appears that the script doesn't really do anything!

This is the accompanying HTML:

<div class="user">hello</div>
<input type="text" id="textbox">

Please advice about what I have to do to get this script functional. It should grab the div with the class user, and if the text in the textbox with the id textbox has a value which is also in the user, it should make it visible.

Alexandre Wiechers Vaz · Accepted Answer · 2013-02-01 05:19:12Z

2

To make it not case-sensitive as you want, here's an variation to @Joseph fiddle

$('#textbox').keyup(function() {
var $vari = $(this).val();
var reg = new RegExp($vari, "gi");
var $div = $(".user").html();
if($div.match(reg))
    $(".user").css("display", "block");
});

answered Feb 1, 2013 at 5:19

Alexandre Wiechers Vaz

1,6073 gold badges19 silver badges21 bronze badges

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

1 Comment

Alexandre Wiechers Vaz Over a year ago

haha No problem. Btw, insert '&& $vari != ""' in the if statement to prevent the display to change with any keyup with an empty input field ;)

Sagar Hirapara · Accepted Answer · 2013-02-01 04:51:59Z

1

do this 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function () {

      $('#textbox').keyup(function() {
    var $vari = $(this).val();
    $(".user:contains(" + $vari + ")").css("display", "block");
});
    });
</script>

 <div>
        <input type="text" id="textbox" />

   </div>
   <div  class="user" style="display:none">a</div>

answered Feb 1, 2013 at 4:51

Sagar Hirapara

1,6971 gold badge13 silver badges24 bronze badges

Comments

Joseph Silber · Accepted Answer · 2013-02-01 04:55:01Z

1

You have to concatenate your $vari variable into the selector:

$('#textbox').keyup(function() {
    var $vari = $(this).val();
    $(".user:contains(" + $vari + ")").css("display", "block");
});

Here's the fiddle: http://jsfiddle.net/rg8nU/

edited Feb 1, 2013 at 4:55

answered Feb 1, 2013 at 4:28

Joseph Silber

221k59 gold badges369 silver badges292 bronze badges

3 Comments

user2031330 Over a year ago

Sorry, this doesn't work. Test out the script: using the code your provided, my script still does not work.

Joseph Silber Over a year ago

@user40531 - It was missing the closing parentheses. Updated, with a fiddle.

user2031330 Over a year ago

You got my upvote! :) Also: by any chance, do you know how to make "contain" NOT case-sensitive?

Collectives™ on Stack Overflow

jQuery script is not functioning

3 Answers 3

1 Comment

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related