更改基於原始輸入的輸入值

Question

如何複製隱藏的輸入值屬性，對其進行操作，然後使用點擊功能對其進行更改？爲了更準確：

此：

​​

要這樣：

<input type="hidden" id="destination" value="/changedtext/fixed-part" /> 

我做了一些處理，但無法獲得所需的結果。到目前爲止，我得到的價值，操縱它（不知道它是否工作正常），但不能用原來的代替它。

這裏是的jsfiddle： https://jsfiddle.net/3ry4cc79/1/

Answer 1

試試這個，

document.getElementById('destination').value = "/changedtext/fixed-part"; 

Answer 2

$("button").click(function(event){ 
 
    event.preventDefault(); 
 
    $('#destination').val(function() { 
 
      return this.value.replace('change1', 'changedtext') 
 
    }); 
 
    alert("Changed Value:"+$('#destination').val()); 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<input type="hidden" id="destination" name="_wp_http_referer" value="/change1/change2/fixed-part" /> 
 
Try this should work, 
 

 
<input type="hidden" id="destination2" name="_wp_http_referer" value="/changedtext/fixed-part" /> 
 

 
<button>Click to change the value</button>

Answer 3

// Get the hidden element 
let el = document.getElementById('destination'); 
// Add the new val you want to minipulate the hidden elemets value with 
let newVal = 'changedtext'; 

// then at a later state, you click the button 
this.clickToChange = function() { 
    // and voila, the value is replaced on the hidden element 
    el.value = el.value.replace('change1/change2', newVal); 
}