设为首页收藏本站
 找回密码
 注册

用新浪微博连接

一步搞定

QQ登录

只需一步,快速开始

搜索
查看: 278|回复: 6

[求助] JQuery 做选择关联效果有图有代码...有报错,求达人帮忙 [复制链接]

Rank: 1

发表于 2011-10-13 12:04:49 |显示全部楼层
000000000000000.jpg

如上图所示,旁边点击按钮弹出对话框,现在的要求是在点击选择框的时候直接把选择框相关的信息写入到旁边的文本框中,一下是代码,
//------------将ID和Name赋给变量框,并且取消其他的选择
function setVal(id,val)
{
$("#pdtSuSN").val(val);
$("#pdtSuSNid").val(id);
//---------当选择为单选时
checkOne(id);
}
function checkOne(id)
{
$('[name=choose]:checkbox').attr('checked', false);
var idstr="input[value="+id+"]";
$(idstr).attr('checked',true);
// alert($(idstr).val());
}
以下是对话框的代码,
<?php
include("../conn/conn.php");
$info=mysql_query("select seSN , seName from tbl_serial ");
  while ([url=mailtorow=@mysql_fetch_array($info]$row=@mysql_fetch_array($info[/url])){
?>
  <tr>
  <td><input type="checkbox" id="choose" name="choose"setVal('".$row[stSN]."','".$row[stName]."');\" value='".$row[stSn]."',$nbsp; ".$row[stName]." ?>"/></td>
    <td><?php echo "$row[seSN]";?></td>
    <td><?php echo "$row[seName]";?></td>
  </tr>
  <?php } ?>
</table>

望达人排忧解难...............!!!!!!!!!!!

Rank: 8Rank: 8

发表于 2011-10-14 09:29:47 |显示全部楼层
完全看不明白 代码能否放上来凑凑
“现在的要求是在点击选择框的时候直接把选择框相关的信息写入到旁边的文本框”
难道意思是 选择□后左侧的text里面显示文字??完全看不懂要什么效果

使用道具 举报

Rank: 7Rank: 7Rank: 7

发表于 2011-10-14 09:39:43 |显示全部楼层
怎么判断单选的呢?如果是获取选中的值,不管是多项还是单项都可以一起处理。

使用道具 举报

Rank: 8Rank: 8

发表于 2011-10-14 09:39:59 |显示全部楼层
麻烦讲的明细一点 错误提示的信息是什么

使用道具 举报

Rank: 9Rank: 9Rank: 9

Medal No.1 Medal No.2 Medal No.3 Medal No.4 Medal No.5

发表于 2011-10-14 09:43:29 |显示全部楼层
这个代码粘的我很晕  能不能把你要的问题表述清楚呢  直击要点下呀

使用道具 举报

Rank: 7Rank: 7Rank: 7

发表于 2011-10-14 10:06:25 |显示全部楼层
  1. Javasctript:
  2.     var text;
  3.     funcion openDialog(obj)
  4.     {
  5.         text=$("#"+obj+);
  6.         //ajax load data
  7.     }
  8.     //设置值
  9.     function setVal(value)
  10.     {
  11.         var deAry=text.val().split(',');
  12.         var svals=getItemsName();
  13.         deAry=deAry.concat(svals).unique();
  14.         text.val(deAry.join(','));
  15.     }
  16.     //获取选择数组
  17.     function getItemsName(){
  18.         var items={};
  19.         var item=$("#dataDialog input[type=checkbox]");
  20.         if(item.size()>0){
  21.             item.each(function(i){
  22.                 var val=$(this).val();
  23.                 items[i]=val;
  24.             });
  25.             return items;
  26.         }
  27.         else{
  28.             return false;
  29.         }
  30.     }
  31.     //数组原型扩展
  32.     Array.prototype.unique = function () {
  33.         for (var a = {}, b = {}, i = 0, n = this.length; i < n; i++) {
  34.             if (typeof (b[this[i]]) != "undefined") continue;
  35.             if (typeof (a[this[i]]) == "undefined") a[this[i]] = 1;
  36.             else { b[this[i]] = 1; delete a[this[i]] }
  37.         }
  38.         this.length = 0;
  39.         for (i in a) this[this.length] = i; return this;
  40.     };   
  41. Html:
  42.     <form>
  43.       <input type='text' id="part"/><label onclick="javascript:openDialog('part')">+</label>
  44.     </form>
  45. php:
  46. <table id="dataDialog">
  47.     <?php
  48.         include("../conn/conn.php");
  49.         $info=mysql_query("select seSN , seName from tbl_serial ");
  50.         while ([url=mailtorow=@mysql_fetch_array($info]$row=@mysql_fetch_array($info[/url])){
  51.     ?>
  52.         <tr>
  53.             <td>
  54.                 <input type="checkbox" id="choose"
  55.                     name="choose"setVal('".$row[stSN]."','".$row[stName]."');\"
  56.                     value='".$row[stSn]."',$nbsp; ".$row[stName]." ?>"/>
  57.             </td>
  58.             <td><?php echo "$row[seSN]";?></td>
  59.             <td><?php echo "$row[seName]";?></td>
  60.         </tr>
  61.     <?php}?>
  62. </table>
复制代码

使用道具 举报

Rank: 7Rank: 7Rank: 7

发表于 2011-10-14 10:07:13 |显示全部楼层
手写的未验证过,你自个改改吧,有什么问题再提

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

Archiver|jQuery爱好者   

GMT+8, 2012-5-23 08:42

Powered by jQfans!

© 2010-2011 jQfans Inc.

回顶部