如何通过javascript将值传递给输入字段

Question

我的问题：由 id 传递的值显示在输入框中。但我在 html 源代码部分中看不到该值。

这是我通过 cookie 传递值的输入字段。

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

我正在做的是：我有一个城市的下拉列表。当我点击城市时。我正在设置一个名为 scity 的 cookie。

$("#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;
});

在那之后.. 我可以访问 city 的值，但在 html 源代码中看不到该值。

当我将字段类型文本更改为隐藏类型时，我可以在 html 源代码中看到值。

我不明白这两种类型的情况。或者如果我在做某事，请告诉我哪里做错了。或者如果有其他方法可以做到这一点。

Answer 1

请看这段代码，希望对你有帮助

<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>

这是你的 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;
});

Answer 2

element.setAttribute('value', myValue);


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