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

Changing the input value in real time with jquery or javascript

本文关键字：输入 实时 jquery javascript 使用      更新时间：2023-09-26

我有一个问题，改变输入值文本，以反映相同的网站上的实时。我能够在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>

但是按钮显示的是"返回购物车"而不是"返回购物车"

似乎没有jQuery。你需要包含它或者用纯js重写你的代码

window.addEventListener('load', function() {
    document.querySelector('.actions input.return-cart').value = 'Retornar al Carrito';
});

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

document.getElementById()

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

在小提琴中工作:http://jsfiddle.net/EJCvB/

:

查看了您添加到问题中的活动页面后，我怀疑问题与正在抛出的控制台错误有关。具体来说:

  1. [blocked] 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 ? = A3C36989-8F1B-4C02-B59C-B62589F52BDB&中期sctoken = d31d3c20452f48b684ebbf476aec968b& bhcp = 1:1

  2. Uncaught ReferenceError: $ is not defined

尝试使用HTTPS加载jQuery。

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

我猜。actions类不是输入标签的一部分。

$ (" .return-cart")。attr('value'， ' retornal Carrito');//版本号

$ (" .return-cart")。prop('value'， ' retornal Carrito');//版本号

$('#input1')。Val('这是新值');

//jQuery 1.6之前

$("# input1")。attr('defaultValue'， '这是新的值');

//jQuery 1.5.2

$("# input1")。Attr ('value'， '这是新的值');

试试上面的

相关文章：