从选择选项获取文本到模态引导程序

时间:2018-01-25 14:22:11

标签: php

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

     <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">

选定类别:
 “名称=” 类别“&GT;

1 个答案:

答案 0 :(得分:0)

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

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

您需要在输入中添加一个ID,然后才能通过以下方式访问它:

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