How to Pass a value to input field through javascript

Question

My Question : A value which is passed by an id is showing in the input box. but i can not see that value in the html source code section.

This is my input field In which i am passing a value through a cookie.

<input type="text" id="city" class="i-p-c" value="" autocomplete="off" placeholder="Select City">

What i am doing is: I have a drop down of cities. when i click on the city. i am setting a cookie with the name of scity.

$("#cuto li").click(function () {
    autoValuenew = this.id; // console.log(autoValuenew);
    document.cookie = "scity=" + this.id + ";path=/;domain=" + cookieondomain;

   document.getElementById('city').value = this.id; 
   //Here is am pass a value to city 

return false;
});

After that .. I can access the value of city but i can not see that value in the html source code.

When i change my field type text to hidden type i can see the value in the htmlsource code.

I do not understand what is going here with these two types. or if i am doing something please tell where i am doing wrong. or if there is another way to do this.

What do you mean by can not see that value in the html element section? — H77
– H77, Commented Jul 20, 2017 at 9:43

M.Nabeel · Accepted Answer · 2017-07-20 10:02:28Z

3

Kindly look this code I hope it helps

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.js"></script>

<input type="text" id="city" class="i-p-c" value="" autocomplete="off" placeholder="Select City"/>
<ul id="cuto">
<li type="button" id="cuto">test</li>
</ul>

here is your JQuery

$("#cuto li").click(function () {
debugger;
    autoValuenew = this.id; // console.log(autoValuenew);
    $.cookie("scity", "test value"); // Setting cookie value
    //document.cookie = "scity=" + this.id + ";path=/;domain=" + cookieondomain;

   document.getElementById('city').value = this.id; 
   //Here is am pass a value to city 

return false;
});

answered Jul 20, 2017 at 10:02

M.Nabeel

1,0668 silver badges19 bronze badges

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

3 Comments

Vishal Kumar Over a year ago

Thank you @M.Nabeel

M.Nabeel Over a year ago

Happy to be help Vishal. If it helps please marked it as answer :)

Vishal Kumar Over a year ago

But what i needed is @Pratheesh Answer

Nambi N Rajan · Accepted Answer · 2017-07-20 10:07:57Z

2

element.setAttribute('value', myValue);


I think you should not just change the value change it in by changing attribute value.

answered Jul 20, 2017 at 10:07

Nambi N Rajan

5195 silver badges15 bronze badges

Collectives™ on Stack Overflow

How to Pass a value to input field through javascript

2 Answers 2

3 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related