带按钮的表格，用于移除托架内的托架和文本

Question

I'd like to know how to set up this function to target text in the input form 'STOCK1'.

Javascript as it stands:

function removeBrackets(element) {
document.body.innerHTML = element.replace(/\[[^\]]+\]/g, '__');
}

HTML as it stands:

<button onclick="javascript:removeBrackets(element)">Remove Brackets and Text Inside Brackets</button>

<input type="text" name="STOCK1" id="STOCK1" placeholder="Place text here..." />

Please help me to understand how this should work! Many thanks!

Answer 1

Pass document.getElementById('STOCK1') to removeBrackets call, set .value of element instead of setting document.body.innerHTML . Note, you can alternatively use RegExp /\\[.*\\]/g .

 <script> function removeBrackets(element) { element.value = element.value.replace(/\\[.*\\]/g, '__'); } </script> <button onclick="removeBrackets(document.getElementById('STOCK1'))">Remove Brackets and Text Inside Brackets</button> <input type="text" name="STOCK1" id="STOCK1" placeholder="Place text here..." />