如何在空时获取值[重复]

Question

这个问题在这里已有答案：

• How do I get the value of text input field using JavaScript? 12个答案

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

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>

我试着用：

var finalTotal = document.getElementById("#ffm-total");  
var hiddenTotal = document.getElementById("give-final-total-wrap").getElementsByClassName("give-final-total-amount")[0];
hiddenTotal.innerHTML = finalTotal;

但它不起作用。尽管该值是可编辑的，但它不会将值保存在“数据值”中，因此finalTotal.value确实给出了任何值。如何获取值并使用它来填充hiddenTotal？你可以在这里看到问题：site with issue

Answer 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'>