在下拉列表中选择值,动态更改文本框中的值 [英] select value in dropdown dynamically change value in textbox

查看:57
本文介绍了在下拉列表中选择值,动态更改文本框中的值的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我正在处理此表单,该表单具有下拉列表和文本框.当在一个下拉列表中选择值时,应在文本框中动态更改值.

I am working on this form where it has drop down and text box. When value selected in one drop-down should change value in text-box dynamically.

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

for eg if I select a value "3" in select box then

select ename from emp where eid ='3';

结果应该在文本框中

类似地,表单具有多个带有相应文本框的下拉列表.

Similarly form has multiple drop-down list with respective text-box.

请提出建议.预先感谢.

Please suggest. Thanks in advance.

推荐答案

尝试以下方法:

<!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页面

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

这篇关于在下拉列表中选择值,动态更改文本框中的值的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆