在html输入字段（文本框）中插入javascript（jquery）变量

Question

使用span和div可以使用

的jQuery

$('#exchange_rate1').html(data[0].FinalCurrencyRate);

HTML

<span id="exchange_rate1"></span>

但是如果HTML是一个输入元素，例如<input type='text' name='exchange_rate1' id='exchange_rate1' value='<?php echo $post_exchange_rate; ?>>，则没有任何反应。

从php中删除了value代码。

我也试过document.getElementById("exchange_rate1").html(data[0].FinalCurrencyRate);但我也什么都没看到。

现在很清楚，需要使用val。我刚刚搜索谷歌如何在输入字段中插入jquery变量。找不到。

Answer 1

使用jQueryObject.val(some_value)设置输入值，而不是html()。

Answer 2

更具体一点：

// store the value you're looking to assign
var data = [
  { FinalCurrencyRate: <?= $post_echange_rate; ?> }
];

jQuery方式：

$('#exchange_rate1')               // grab the <input>
  .val(data[0].FinalCurrencyRate); // and assign it from the variable

直js方式：

// normal JS version:
document.getElementById('exchange_rate1') // grab the <input>
  .value = data[0].FinalCurrencyRate;     // assign it

任何类型的表单字段（<input>，<select>，<textarea>）都使用.val()来获取/设置，因为它们不包含子元素。 .html()应该用于结构元素。

Answer 3

如果text用作

$("#exchange_rate1").val('Hello');

Answer 4

这是因为您不应该设置innerHTML元素的input，而是设置value。

在jQuery中，您使用.val()方法：

$('#exchange_rate1').val(data[0].FinalCurrencyRate);

或者使用纯JavaScript，您正在更改HTMLInputElement对象的value属性：

document.getElementById('exchange_rate1').value = data[0].FinalCurrencyRate;

Answer 5

对于文字输入框，请使用.val()，对于textareas，使用.text()，对于非输入类型元素，请使用.html()。

Answer 6

你需要的只是

$("#exchange_rate1").val('Hello');