从文本框中的下拉列表中获取选定的选项

时间:2019-04-20 12:57:22

标签: php

我用第一个选项'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
}
?>

2 个答案:

答案 0 :(得分:1)

尝试以下代码。更改事件已添加到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>

答案 1 :(得分:1)

您可以使用jquery实现这一目标,首先在class="abc"框中输入select。现在,使用以下代码:

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>