Fatal编程技术网
  • javascript/
  • Javascript 在下拉列表中选择值动态更改文本框中的值

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

javascript php ajax

Javascript 在下拉列表中选择值动态更改文本框中的值,javascript,php,ajax,Javascript,Php,Ajax,我正在处理这个表单，它有下拉列表和文本框。 在一个下拉列表中选择值时，应动态更改文本框中的值 例如，如果我在选择框中选择值3，则 select ename from emp where eid ='3'; 结果应该在文本框中 类似地，表单也有多个下拉列表和相应的文本框 请建议。提前谢谢。试试这个 $document.readyfunction{ $("#name option").filter(function() { return $(this).val() == $("#first

我正在处理这个表单，它有下拉列表和文本框。 在一个下拉列表中选择值时，应动态更改文本框中的值

例如，如果我在选择框中选择值3，则

select ename from emp where eid ='3';
结果应该在文本框中

类似地，表单也有多个下拉列表和相应的文本框

请建议。提前谢谢。

试试这个

$document.readyfunction{

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

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

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

我的答案可能重复：

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

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

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

<!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>
在getEmpInfo.php页面

请尝试此包含两个文本框的代码：

<!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']; }
?>
欢迎来到SO。请耐心等待，带着您的努力和您面临的具体问题再次返回。请显示您的代码…谢谢，但不想将列表值复制到文本框我想获取该值并调用一个函数，在该函数中我将从emp获取结果select ename，其中eid='{empID select value}'并将该值返回到textbox emp_idThanx如果我有多个选择框和相应的textbox，那么我就为每个选择框创建了类似getEmpInfo.php的php页面。 
    <?php

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