<input value =“” />为空时如何获取值

时间:2019-02-18 11:34:00

标签: javascript jquery html

我有一个捐赠表格,并且已经在我的网站上创建了可编辑的捐赠总额。我需要将此框中的值复制到插件捐赠总额中,以便在提交表单时使用插件的值。 我使用javascript复制了值,并且可以正常工作:

sudo apt-cache search mbedtls

但是,我还需要对价格进行修改。 我有这个领域:

sudo apt install libmbedtls-dev libmbedtls10

我尝试使用:

var p = '£' + price;
$('#ffm-total').val(p);
var hiddenTotal = document.getElementById("give-final-total-wrap").getElementsByClassName("give-final-total-amount")[0];
hiddenTotal.innerHTML = p; 

但是它不起作用。尽管该值是可编辑的,但它不会将值保存在“数据值”中,因此<label class="give-label give-fl-label" for="ffm-total">Total</label> <input class="textfield give-fl-input fill_inited filled" id="ffm-total" type="text" data-required="no" data-type="text" name="total" placeholder="Total" value="" data-value="£5199"> <p id="give-final-total-wrap" class="form-wrap "> <span class="give-donation-total-label"> Donation Total: </span> <span class="give-final-total-amount" data-total="18"> £18 </span> </p> 确实给出了任何值。 如何获得该值并将其用于填充hiddenTotal? 您可以在这里看到问题:site with issue

1 个答案:

答案 0 :(得分:1)

getElementById内,您不需要将#id一起使用,并且使用.value而不是.innerHTML来设置值

var finalTotal = document.getElementById("ffm-total");  
var hiddenTotal = document.getElementById("give-final-total-wrap");
finalTotal.onkeyup=function(){
hiddenTotal.value = finalTotal.value;
}
<label class="give-label give-fl-label" for="ffm-total">Total</label>
<input class="textfield give-fl-input fill_inited filled" id="ffm-total" type="text" data-required="no" data-type="text" name="total" placeholder="Total" value="" data-value="£5199">
<input id='give-final-total-wrap'>