带有事件onchange的多个组合框 - multiple combobox with event onchange

multiple combobox with event onchange

本文关键字：组合事件 onchange | 更新日期: 2023-09-27

我有一个问题，当从查询的数据填充组合框。当我更改组合框时，我想在文本框中设置值或隐藏选中的onchange组合框。

当第一个组合框工作，但当我改变第二个组合框，不设置值为文本框或隐藏值。

<script type='text/javascript'>
  $(function() {
    $('#myselect').change(function() { 
      var x = $(this).val(); 
      $('#myhidden').val(x); 
    });
  });
</script>
<input type='text' id='myhidden' value=''>
<?php    
    $result2 = mysql_query("select id_users, fullname from users where status='1'");  
    echo'<select name="iduserowner" class=form-control id=myselect>';
    while($data2 = mysql_fetch_array($result2)) {
      echo '<option  value="'.$data2['id_users'].'">'.$data2['fullname'].'</option>';
    }    
    echo '</select>';    
?>

据我所知，您希望将所选值放入隐藏输入中。试试这个:

<?php $sql = "SELECT id_users, fullname
               FROM users
               WHERE status = '1'";
        $res = mysql_query( $sql );
    ?>
    <input type="text" id="myhidden" value="">
    <select onChange="hideSelected();" name="iduserowner" class="form-control" id="myselect" >
    <? while( $result = mysql_fetch_array( $res, MYSQL_ASSOC )){ ?>
        <option value="<?= $result[ 'id_users' ]; ?>"><?= $result[ 'fullname' ]; ?></option>
    <? } ?>
    </select>

    <script>
    function hideSelected(){
        $("#myhidden").val( $("#myselect option:selected").val() );
    }
    </script>