Question

我有一个输入字段和旁边的按钮，我想要做的是输入字段中输入的任何内容然后点击它旁边的按钮，结果显示在另一个按钮，这是我试过的到目前为止：

function add_keyword() {
  var keyword_value = (document.getElementById("keyword").value);
  var result = keyword_value;

  document.getElementById("btnresult").value = result;
}

#btnresult{
  display: none;
}

<button type="button" class="btn btn-default" name="clickbtn" value="Add Keyword" onclick="add_keyword()">Add</button>

<div class="input-group">
  <input type="text" class="form-control" id="keyword" name="keywordbox"/>
</div>

<button type="button" id="btnresult" class="btn btn-default">input value should be here</button>

Answer 1

https://jsfiddle.net/sheriffderek/p2LoLcv3/

我认为这就是你所描述的......

一些简化的标记

node('TOOL label')
{
    stage('build using TOOL') {
    }
}

jQuery是其中一个标签，所以我用它

<div class="parent">
  <input type='button' value='Add' rel='action' /><br>
  <input type='text' rel='text-input' />
</div>

<ul class='button-list' rel='button-list'>
  <!-- you need to put the buttons somewhere, right? -->
</ul>

Answer 2

你几乎就在那里，你必须取消隐藏你首先隐藏的按钮，而不是设置按钮的值，而是设置innerHTML属性。由于按钮不包含值，但会将标记之间的内容显示为文本。

我评论了我的更改：

function add_keyword() {
    var keyword_value = (document.getElementById("keyword").value);
    var result = keyword_value;
    // Changed from .value to .innerHTML
    document.getElementById("btnresult").innerHTML = result;
    // Changed style from to 'block'
    document.getElementById("btnresult").style.display = "block"
}

#btnresult{
    display: none;
}

<button type="button" class="btn btn-default" name="clickbtn" value="Add Keyword" onclick="add_keyword()">Add</button>
<div class="input-group">
    <input type="text" class="form-control" id="keyword" name="keywordbox"/>
</div>
<button type="button" id="btnresult" class="btn btn-default">input value should be here</button>

此外，您的代码有几个方面可以使用改进，我在下面对其进行了描述：

function add_keyword() {
    // No need for parentheses around the document.getElement function.
    var keyword_value = document.getElementById("keyword").value;
    // There's no need to place the value in a new variable, it is useful to place the element you wish to replace in a variable, since we'll be re-using it's instance.
    var btn = document.getElementById("btnresult");
    btn.innerHTML = keyword_value;
    btn.style.display = "block"
}

编辑：由于OP的目标是创建一个包含内容的新按钮，因此这是一个更新版本，可为每个新输入生成一个新按钮。

function add_keyword() {
    var keyword_value = document.getElementById("keyword").value;
    // Create a new button element.
    var btn = document.createElement("button");
    // Set it's content to the keyword from the input.
    btn.innerHTML = keyword_value
    // Append it to the body.
    document.body.appendChild(btn);
}

<button type="button" class="btn btn-default" name="clickbtn" value="Add Keyword" onclick="add_keyword()">Add</button>
<div class="input-group">
    <input type="text" class="form-control" id="keyword" name="keywordbox"/>
</div>

在按钮

2 个答案: