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源代码中看到该值。

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

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

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

＆＃13;

element.setAttribute('value', myValue);


I think you should not just change the value change it in by changing attribute value.

＆＃13;

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

2 个答案: