Question

我在更改输入值文本时遇到问题，以便实时反映网站上的内容。我能够更改html中的按钮文本值，但它不反映网站上的更改。我假设这是b / c它会在页面加载后更改值。有没有办法让这种情况发生？我需要将其值更改为西班牙语，此购物车页面是托管解决方案，因此必须通过javascript / jQuery完成。

任何帮助都会很棒！

实例：https://www.mcssl.com/SecureCart/Checkout.aspx?mid=A3C36989-8F1B-4C02-B59C-B62589F52BDB&sctoken=d31d3c20452f48b684ebbf476aec968b&bhcp=1

这是代码。

$( document ).ready(function() {
$('.actions input.return-cart').val('Retornar al Carrito');
});

这是显示更改的html。

<div class="actions">
<input type="submit" class="button return-cart" id="ctl00_ctl00_mainContent_scPageContent_backToCartButton" value="Retornar al Carrito" name="ctl00$ctl00$mainContent$scPageContent$backToCartButton">
</div>

然而，按钮显示“返回购物车”而不是“Retornar al Carrito”

Answer 1

它没有出现jQuery。您需要包含该内容或在普通js中重写代码

window.addEventListener('load', function() {

    document.querySelector('.actions input.return-cart').value = 'Retornar al Carrito';

});

注意querySelector有一些遗留问题，所以如果你可以包含jQuery，可以这样做或给按钮一个ID并使用

document.getElementById()

Answer 2

确保input的容器元素有一个名为actions的类。

在小提琴中按预期工作：http://jsfiddle.net/EJCvB/

<强>更新：

在查看您添加到问题的实际页面后，我怀疑问题与正在抛出的控制台错误有关。具体做法是：

[已屏蔽] https://www.mcssl.com/SecureCart/Checkout.aspx?mid=A3C36989-8F1B-4C02-B59C-B62589F52BDB&sctoken=d31d3c20452f48b684ebbf476aec968b&bhcp=1处的页面运行http://code.jquery.com/jquery-1.10.1.min.js的不安全内容。 /SecureCart/Checkout.aspx?mid=A3C36989-8F1B-4C02-B59C-B62589F52BDB&sctoken=d31d3c20452f48b684ebbf476aec968b&bhcp=1:1
未捕获的ReferenceError：$未定义

尝试使用HTTPS加载jQuery。

<script type="text/javascript" src="https://code.jquery.com/jquery-1.10.1.min.js"></script>

Answer 3

我想类.actions不是输入标记的一部分。

Answer 4

$（“。return-cart”）。attr（'value'，'Retornar al Carrito'）; //早于1.6的版本

$（“。return-cart”）。prop（'value'，'Retornar al Carrito'）; //比1.6更新的版本

Answer 5

$（'＃input1'）。val（'这是新值'）;

//在jQuery 1.6之前

$（'＃input1'）。attr（'defaultValue'，'这是新值'）;

//在jQuery 1.5.2之后

$（'＃input1'）。attr（'value'，'这是新值'）;

试试上面的

使用jquery或javascript实时更改输入值

5 个答案: