Javascript 将输入绑定到按钮单击函数的值

我有一个使用引导的HTML用户界面，有一个下拉菜单和一些输入字段。我希望能够用下拉菜单选择的值填充输入字段。到目前为止，我还无法绑定到该值并将其显示在输入值字段中

这是我的密码：

<div id="create-job-pane">
        <div class="container">
          <h2>Create Job</h2>
          <div class="dropdown">
            <button class="btn btn-default btn-primary dropdown-toggle" type="button" data-toggle="dropdown">
              Select Job Type to Schedule
              <span class="caret"></span></button>
            <ul class="dropdown-menu">
              <li>
                <a href="#"><button onclick="populateJobVal('option1')" class="btn btn-link">Option #1</button></a>
              </li>
              <li>
                <a href="#"><button onclick="populateJobVal('option2')" class="btn btn-link">Option #2</button></a>
              </li>
              <li>
                <a href="#"><button onclick="populateJobVal('option3')" class="btn btn-link">Option #3</button></a>
              </li>
            </ul>
          </div>
        </div>
        <hr />

        <!-- <p id="selection"></p> --> // Works if I populate it here

        <div class="form-group">
          <label>Job name</label>
          <input type="text" class="job-name form-control"> // Bind value here
        </div>
        <div class="form-group">
          <span class="btn btn-default btn-success" data-action="save">Save</span>
          <span class="btn btn-default btn-warning" data-action="cancel">Cancel</span>
        </div>
      </div>

  // ... other code

  <script>
    function populateJobVal(val) {
      document.getElementById("selection").innerHTML = val;
    }

  </script>

创造就业机会
选择要计划的作业类型









//如果我在这里填充它，它就会工作
职务名称
//在这里绑定值
拯救
取消
// ... 其他代码
函数populateJobVal（val）{
document.getElementById（“selection”）.innerHTML=val；
}

我试过这个：

 <input type="text" class="job-name form-control" value="selection">

这是：

 <input type="text" class="job-name form-control" id="selection">

。。。但它没有绑定到输入字段

---

当我的按钮被点击并显示在输入文本框中时，我如何获得所选的值？

只需将

innerHTML

切换到

值即可


函数populateJobVal（val）{
控制台日志（val）；
document.getElementById（“选择”）.value=val；
}

创造就业机会
选择要计划的作业类型









职务名称
//在这里绑定值
拯救
取消
您将ID设置为
选择项的方法是正确的
。您所要做的就是更改这个
document.getElementById（“selection”）.innerHTML=val到这个：
document.getElementById（“选择”）.value=val。示例：啊，是的！谢谢，@IskandarRezaRazali。如果你想加上这个作为答案，我会把它标记为正确的。谢谢