Question

我正在处理此表单，其中包含下拉列表和文本框。在一个下拉列表中选择的值应该动态更改文本框中的值。

例如，如果我选择一个值＆＃34; 3＆＃34;在选择框中，然后

select ename from emp where eid ='3';

并且结果应该在文本框中

同样，form有多个下拉列表和相应的文本框。

请建议。提前谢谢。

Answer 1

试试这个：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#empID').change(function(){
    $.get('getEmpInfo.php',{empId:$(this).val()},function(data){
    $('#emp_id').val(data);
 });
});
});
</script>
</head>

<body>
<select name="empID" id="empID">
    <option value="">Select Emp</option>
    <option value='1'>Emp1</option>
    <option value='2'>Emp2</option>
    <option value='3'>Emp3</option>
    <option value='4'>Emp4</option>
</select>
<input type="text" name="emp_id" id="emp_id" />
</body>
</html>

AT getEmpInfo.php PAge

<?php
if(isset($_REQUEST['empId'])){
  // connection should be on this page  
    $sql = mysql_query("select ename from emp where eid =".$_REQUEST['empId']);
    $res = mysql_fetch_assoc($sql);
    echo $res['ename'];die;
}
?>

Answer 2

试试这个，

<强> Live Demo

$（document）.ready（function（）{

$("#name option").filter(function() {
    return $(this).val() == $("#firstname").val();
}).attr('selected', true);

$("#name").live("change", function() {

    $("#firstname").val($(this).find("option:selected").attr("value"));
});

}）;

我的重复： Duplicate

Answer 3

对于此解决方案，您可以尝试：

//在dropbox更改后设置文本框值更改动态。

$('#' + yourDropBoxId).change(function ()
{
var dropDownValue = $('#'+ yourId).val();
// set new value for textbox
$('#' + yourTextBoxId).val(dropDownValue); 
});

Answer 4

试试这个包含两个文本框的代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">  $(document).ready(function(){  $('#empID').change(function(){   $.get('1.php',{empId:$(this).val()},function(data){   $('#emp_id').val(data);});});});</script>
<script type="text/javascript">  $(document).ready(function(){  $('#d1').change(function(){   $.get('1.php',{d1:$(this).val()},function(data){   $('#t1').val(data);});});});</script>


</head>

<body>
<?php

$bdd = mysqli_connect('127.0.0.1', 'root', '', 'member');

$r= mysqli_query($bdd, "select * from info");
?>

<br>تشكيلة مباراة :<select name="empID" id="empID">
                   <option value="">Select name from List...</option>
<?php 
while ($d=mysqli_fetch_assoc($r))

    {
        ?>

        <option value="<?=$d["prenom"];?>  <?=$d["nom"];?>"><?=$d["prenom"];?>  <?=$d["nom"];?></option>
        <?php 
    }
    ?>

</select>
<input type="text" name="emp_id" id="emp_id" /><br><hr>

<br>تشكيلة مباراة :<select name="d1" id="d1">
                   <option value="">Select name from List...</option>
<?php 
$r1= mysqli_query($bdd, "select * from info");
while ($d1=mysqli_fetch_assoc($r1))

    {
        ?>

        <option value="<?=$d1["prenom"];?>  <?=$d1["nom"];?>"><?=$d1["prenom"];?>  <?=$d1["nom"];?></option>
        <?php 
    }
    ?>

</select>
<input type="text" name="t1" id="t1" />


</body>
</html>

PHP 页面："1.php"

    <?php

if(isset($_REQUEST['empId'])){    echo $_REQUEST['empId']; }
if(isset($_REQUEST['d1'])){    echo $_REQUEST['d1']; }
?>

选择下拉列表中的值会动态更改文本框中的值

4 个答案: