从选择选项获取文本到模态引导答案

【问题标题】：Getting text from select option to modal bootstrap从选择选项获取文本到模态引导
【发布时间】：2018-07-04 20:02:30
【问题描述】：

如何从选择选项中获取值并将其传递给引导模式中的输入

     <select id="selected_category" name="selected_category" class="form-control"><br>

        while($row = mysqli_fetch_assoc($get_categories))
        {
        ?>
        <option value = "<?php echo($row['category_name'])?>" >
            <?php echo($row['category_name']) ?>
        </option>
        <?php
        }               
    ?>

这是我的模态表单。我想在输入类型文本类别中显示它

     <div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog modal-md">
  <div class="modal-content">
    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal">&times;</button>
      <h4 class="modal-title">Add Item</h4>
    </div>
    <div class="modal-body">

 <form action="" method="post">

所选类别：
"名称="类别">

【问题讨论】：

标签： php

【解决方案1】：

您可以通过 JavaScript 读取值并将其在客户端添加到 Bootstrap 模式。

var element = document.getElementById("selected_category");
var selected= element.options[element.selectedIndex].value;

您需要在输入中添加一个 id，然后可以通过以下方式访问它：

document.getElementById("Your Input-ID here").innerHTML = selected;

【讨论】：