使用jQuery將html從1 div設置爲另一個

我有1個div和1個文本輸入字段，div可見並且輸入被隱藏。輸入一個從範圍滑塊獲得它的值，我想用jQuery以某種方式從這個輸入區域獲取值，並且動態地填充div，我試過以下沒有運氣，任何人都可以看到我可能在哪裏出錯了？使用jQuery將html從1 div設置爲另一個

$(".value-slider").val( $("#val-slider").slider("value")); 
    $(".price").html( $(".value-slider").html());

來源

2012-04-02 Liam

你可以發表你的HTML /滑塊代碼爲http://jsfiddle.net，請。如果滑塊是一個jQuery插件，它可能會附加一個事件，您可以使用它來填充隱藏的字段。 – Deadlykipper 2012-04-02 16:20:49

假設我理解正確的話，你，.value-slider是input元素，.price是div元素。如果這是正確的，那麼你需要獲得輸入的值，而不是HTML：

$(".price").html( $(".value-slider").val());

然而，由於你剛剛設置的.value-slider的價值，爲什麼不只是存儲的值滑塊並使用它？

var sliderValue = $("#val-slider").slider("value"); 
$(".value-slider").val(sliderValue); 
$(".price").html(sliderValue);

來源

2012-04-02 16:20:25

Thanks @James Allardice，有沒有辦法做到這一點，所以每當輸入改變時，.price div會自動修改？ – Liam 2012-04-02 16:22:31

下面，我已經發布了應該自動修改價格div的代碼，如果輸入值改變。我借用了James Allardice的答案。 – Chibuzo 2012-04-02 17:02:40

要更新div每當輸入的變化，做到這一點

$(".value-slider").change(function() { 
     var sliderValue = $("#val-slider").slider("value"); 
     $(".value-slider").val(sliderValue); 
     $(".price").html(sliderValue); 
    });

來源

2012-04-02 17:01:01 Chibuzo

使用jQuery將html從1 div設置爲另一個

回答

相關問題