issue in changing value of input field using jquery

Question

HTML

<div id="wrapper">
<p>This is a basic tag input: 
    <input id="tag1" value="alpha,beta,gamma" />
</p>
</div>
<textarea id="tagdetect"></textarea>

script

$("#tagdetect").live("keydown",function(){

    var textTyped=$("#tagdetect").val();
    var text=textTyped.split(" ");
    for(i=0;i<text.length;i++){

        if(text[i]=="sql"||text[i]=="html"||text[i]=="java"){

            $("#tag1").val()=text[i];
        }
    }
});

what i am trying to achieve

I am trying to add tags(ie values) in that input field when certain keywords are detected

Working version

http://jsfiddle.net/7aDak/4839/

.live is deprecated. use .on

mplungjan
– mplungjan

2014-05-19 16:52:45 +00:00
Commented May 19, 2014 at 16:52 — mplungjan
– mplungjan, Commented May 19, 2014 at 16:52

ScottA · Accepted Answer · 2014-05-19 16:52:07Z

2

You have an error in your jQuery syntax.

Change the following line

$("#tag1").val()=text[i];

To this:

$("#tag1").val(text[i]);

answered May 19, 2014 at 16:52

ScottA

1,8111 gold badge12 silver badges13 bronze badges

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

2 Comments

ScottA Over a year ago

Try changing .live("keydown" to .on("keyup". Here's an updated fiddle: jsfiddle.net/p223B/2. Keyup will fire as soon as the user finishes entering the string. Keydown fires the function each time you press a key, so you would press a key once more, such as return, for keydown to work.

ScottA Over a year ago

With that tagsInput function, it's hiding the #tag1 input. you'll need to use inspector or firebug to unhide. Not sure what else you're trying to do here, but the syntax error was the only problem.

Milind Anantwar · Accepted Answer · 2014-05-19 16:51:35Z

0

to set the value you should use:

 $("#tag1").val(text[i])

answered May 19, 2014 at 16:51

Milind Anantwar

82.3k26 gold badges97 silver badges128 bronze badges

Comments

Adrian Toma · Accepted Answer · 2014-05-19 16:54:28Z

0

Function .val() need to have parameters of what you want to append:

var value = $("#tag1").val();
$("#tag1").val(value + text[i]);

answered May 19, 2014 at 16:54

Adrian Toma

5473 silver badges13 bronze badges

Comments

mplungjan · Accepted Answer · 2014-05-19 16:58:42Z

0

I think this is more elegant apart from fixing your errors - assuming you want all the tags in the field

var types = ["sql","html","java"];

$("#tagdetect").on("keydown",function(){

  var textTyped=$("#tagdetect").val();
  var text=textTyped.split(" ");
  $.each(text,function(_,txt) {
    if ($.inArray(txt,types)!=-1) $("#tag1").append(txt+" ");
  });
});

answered May 19, 2014 at 16:58

mplungjan

180k29 gold badges183 silver badges246 bronze badges

Collectives™ on Stack Overflow

issue in changing value of input field using jquery

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related