多个组合框与事件更改

时间:2015-09-06 07:19:04

标签: php jquery onchange

使用查询中的数据填充组合框时出现问题。 当我更改组合框时,我想在文本框中设置值或使用选定的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>';    
?>

1 个答案:

答案 0 :(得分:0)

据我了解,您希望将所选值放入隐藏的输入中。 试试这个:

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