60分急求jQuery根据一个文本框的值给其他的两个文本框赋值!谢谢！！

第一个文本框__________
第二个文本框__________
第三个文本框__________
我只需要给第一个文本框赋值,然后根据第一个文本框的值，通过判断给下面的两个文本框赋值
假如是1-10之间的数据，第二个文本框就显示一级，第三个文本框就显示优
最下面是一个提交按钮

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

<!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>
    <title>无标题页</title>    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript">
    jQuery(function(){
         $("#txt1").blur( function () {
            $("#txt2").val("");
            $("#txt3").val("");
            if($(this).val()<=10&&$(this).val()>0){
                $("#txt2").val("一级");
                $("#txt3").val("优");
            }
         });
    });
</script>

</head>
<body>
       <input  id="txt1"  type="text"/>
       <br />
       <input  id="txt2"  type="text"/>
       <br />
       <input  id="txt3"  type="text"/>
       <br />
       <input type="submit" />
</body>
</html>这样？
<!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>无标题文档</title>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.1.min.js"></script>
<script type="text/javascript">
$(document).ready( function() {
$("#t1").blur( function() {
var t1 = parseInt($("#t1").val());
if (t1 >= 1 && t1 <= 10) {
$("#t2").val('一级');
$("#t3").val('优');
}
});
});
</script>
</head><body>
1<input type="text" name="t1" id="t1" /><br />
2<input type="text" name="t2" id="t2" /><br />
3<input type="text" name="t3" id="t3" /><br />
</body>
</html>
$(function(){
$("#pollutionApi").blur(function() {
var pollution=parseInt($("#pollutionApi").val());
if(pollution>=1&&pollution<=50)
{
$("#airLevel").val("一级");
$("#airStatus").val("优");
}
});
    });小弟我这样写，没有反映呢
blur()事件是在文本框失去焦点时触发的，不知道是不是这个问题，如果不是的话，浏览器有没有报错（最好用Chrome或Safari调试）？
失去焦点的事件，你alert一下看近来么。
另外，把你的三个文本框的html代码发出来看看。
检查如下:
1. blur事件在焦点丢失时触发. 确定焦点丢失了么?
2. $(xxx).blur(xxx)方法需在页面中相应dom加载完成后添加, 一般来说直接写在.ready()中. 是否正确?
3. 是否有其它脚本错导致代码未能执行?
IE和firefox都没有报错，我输入判断范围内的整数，但是也没有给下面的文本框赋值。
alert没反映，是没进来，还是blur怎么的。
$(function() { });
这是$(document).ready( function() {});的简写，1楼的jQuery(function()也是简写。有点怀疑楼主是不是绑定错对象了，确定第一个文本框的id值是pollutionApi吗？
<td width="120" height="24" align="right">污染指数:</td>
    <td><input type="text" style="width:176px" id="pollutionApi"/></td>
  </tr>
  <tr>
    <td width="120" height="24" align="right">空气质量级别:</td>
    <td
    <input type="text" style="width:176px" id="airLevel"/>
   </td>
  </tr>
  <tr>
    <td width="120" height="24" align="right">空气质量描述:</td>
    <td <input type="text" style="width:176px" id="airStatus"/>
</td>这是我的三个text
$(function(){
         $("#txt1").keyup( function () {
            $("#txt2").val("");
            $("#txt3").val("");
            if($(this).val()<=10&&$(this).val()>0){
                $("#txt2").val("一级");
                $("#txt3").val("优");
            }
         });
    });换个 keyup 。
你的<td 没闭合。
你厉害。。
<script type="text/javascript">
$(document).ready(function(){
$("#pollutionApi").keyup(function() {
alert("aaa");
var pollution=parseInt($("#pollutionApi").val());
if(pollution>=1&&pollution<=50)
{
$("#airLevel").val("一级");
$("#airStatus").val("优");
}
});
    });
</script>
<div id="addArticlesForm" onsucceed="onaddArticlesOk()" action="a.cms.air.insert" class="ebm_form">
<table class="tb">
  <tr>
    <td width="120" height="24" align="right">日期:</td>
    <td><input type="text" id="day" style="width:176px"></td>
  </tr>
  <tr>
    <td width="120" height="24" align="right">城市:</td>
    <td><select id="city" style="height:auto; width:180px;">
          <option value="城区">城区</option>
          <option value="榆社">榆社</option>
          <option value="寿阳">寿阳</option>
          <option value="昔阳">昔阳</option>
          <option value="和顺">和顺</option>
          <option value="左权">左权</option>
          <option value="太谷">太谷</option>
          <option value="祁县">祁县</option>
          <option value="平遥">平遥</option>
          <option value="介休">介休</option>
          <option value="灵石">灵石</option>
        </select></td>
  </tr>
  <tr>
    <td width="120" height="24" align="right">污染物:</td>
    <td><select id="item" style="height:auto; width:180px;">
      <option value=" ">空</option>
          <option value="二氧化硫">二氧化硫</option>
    <option value="二氧化氮">二氧化氮</option>
          <option value="可吸入颗粒物">可吸入颗粒物</option>
        </select></td>
  </tr>
  <tr>
    <td width="120" height="24" align="right">污染指数:</td>
    <td><input type="text" style="width:176px" id="pollutionApi"/></td>
  </tr>
  <tr>
    <td width="120" height="24" align="right">空气质量级别:</td>
    <td>
<input type="text" style="width:176px" id="airLevel"/>
</td>
  </tr>
  <tr>
    <td width="120" height="24" align="right">空气质量描述:</td>
    <td>
<input type="text" style="width:176px" id="airStatus"/>
</td>
  </tr>
  <tr style="height:60px;">
    <td colspan="2" align="center"><input type="button" onClick="$('#addArticlesForm').ebmSubmit()" value="提交">
    <input type="button" onclick="($).ebm.ui.closeDialog()" value="关闭"></td>
  </tr>
</table>
</div>
<script>
function onaddArticlesOk(){
($).ebm.ui.closeDialog();
var treeNode = $.ebm.util.temp("airTree").getSelected();
$.ebm.util.temp("airTree").selectNode(treeNode);
}
</script>    还是没动静
火眼金睛啊。。另外，楼主你想提交数据的话，三个文本框控件不能少了name属性。
强加上name="pollutionApi"  其他的输入框也是，加上相应的name＝原来的Id值．好像是jquery版本问题，有些$只是读取name值，我只签碰到过．
楼主好像没有引用js样
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.1.min.js"></script>
自己下一个到你本地在引用试试看
我们这个项目是js搭的框架，直接就提交到后台的transaction了，只用id。
$(document).ready(function(){
alert("aaa");
}）alert能弹出来。
在你代码的顶部加上这个一句你就明白了
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
我一引用<script type="text/javascript" src="../js/jquery.1.3.2.js"></script>页面就报错啊，不引用就没事
网页错误详细信息用户代理: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; CIBA; .NET CLR 2.0.50727; .NET4.0C; .NET4.0E)
时间戳: Thu, 19 May 2011 07:21:59 UTC
消息: '$.ebm.util' 为空或不是对象
行: 71
字符: 5
代码: 0
URI: http://localhost:8089/cms/js/table.js
估计是报重复定义，应该是服务器端包含jquery文件了。但这个问题真是奇怪了，代码看不出什么问题了。不知道你们的环境倒底是怎么样的，Chrome下观察一下dom结构，难道在运行时对象的id值变化了。
可能你table.js也对$定义了。如果是先加载jquery.js，那么代码中的$请直接以jQuery代替。
如果是后加载的jquery.js.请在 $(document).ready.function() 前面加上 jQuery.noConflict(); 交出 $的控制权限，后面的jquery中的$请直接用jQuery来代替。
也可以重新定义 jQuery工厂。例如：
var $j = jQuery.noConflict();
思路文本框1数值改变时触发事件
如果转换数值（文本框1.内容）>1 且 <10 then
文本框2.内容=字串“需要的内容”
文本框3.内容=字串“需要的内容”
结束如果提交按钮下代码
这里把数据提交到你需要的位置
谢谢大家了啊，大家的方法都可行，我接手的别人的项目，页面很乱，单独写的话，$("#控件名").blur(function() {}就可用，然后放入项目中就不行，最后是必须写成js函数，用onblur调用，就好了，谢谢各位了！