从文本框的下拉列表中选择选项

Posted 2021-03-27

我已经定义了下拉列表，第一个选项'lisence'是默认选择的，其余选项是从mysql数据库的'id'列中选择的。当我选择除第一个选项以外的选项时，我想要分配给文本框值。

Search For:<input type="text" name="valuetosearch" value="">
<select name="Option">
<?php 
$selectOption = $_GET['Option'];
?>
<option>Lisence</option>
<?php
$res = $conn->query($sql);
while($r=$res->fetch_assoc())
{
?>
<option value="<?php echo $r["id"];   ?>">
<?php echo $r["id"];   ?>
</option>
<?php
}
?>

答案

试试下面的代码。更改事件已添加到select下拉列表中。当您更改下拉列表时，其值将放入文本框valuetosearch中。

<script>
    $(document).ready(function(){
        $('[name="Option"]').on('change',function(e){ alert($(this).val());
            var val = $(this).val() === 'Lisence' ? '' : $(this).val(); 
            $('[name="valuetosearch"]').val(val);
        })
    });


    </script>

另一答案

您可以使用jquery来实现这一目标，首先将class="abc"提供给您的select box.Now，使用下面的代码：

Search For:<input type="text" name="valuetosearch" value="" class="ab">

Jquery：

  <script>
    $(document).on("change",".abc",function(){
        var value=$('.abc').val();//getting value of select box
        console.log(value);
       if(value != 'Lisence'){
       $(".ab").val(value);//puting value in textbox
       }
    }); 
  </script>