我的select选择后怎么也得不到我选择的值？

0 0

我的select选择后怎么也得不到我选择的值？10

问题描述：介绍下大致功能:想实现单击一个td，就变成一个select供选择，单击回车提交服务器，select初始值为原来的td值，当选择了select值后，select值就是不变，老是td原始值,还有updateSelect(optionNode,newChoice,newSelectShiftName)为什么执行两次,另外，我这个功能怎么实现更好，有好办法请请提出来，
代码如下:
jsp代码:

<td class="shiftName"><span name="preShiftName"><%=shift.getShiftname()%></span>
					<span style="display:none"><%=shift.getShiftid() %></span>
					<span>
						<select name="shiftName" id="<%=shift.getShiftid()%>" style="display:none">
							<option value="-1">选择班别</option>
							<%
								for(ShiftCategory shiftCategory:shiftCategories){
							%>
								<option value="<%=shiftCategory.getShiftName()%>">---<%=shiftCategory.getShiftName()%>---</option>
							<%
								}
							%>
						</select>
					</span>
				</td>

js代码：

 var newChoice;
$(document).ready(function(){
	
	var tdNodes = $(".shiftName");
	
	   tdNodes.click(function(){
		var tdNode = $(this);
		
		var newSelectShiftName = $("[name='shiftName']",this);
		newSelectShiftName.css("display",""); 
		
		
		var preShiftNameNode = $("[name='preShiftName']",this)
		preShiftNameNode.css("display","none");  
		var preShiftName = preShiftNameNode.text();
		
		var optionNode = $("select[@name= shiftName] option",this);
		
		optionNode.each(function(i){
			var curShiftName = $(this).val();
			
			if(curShiftName == preShiftName){
				newSelectShiftName.get(0).selectedIndex = i;
			}
		
		});
		
		newSelectShiftName.change(function(){
			var youChoice = $(this).val();
			newChoice = youChoice;
			updateSelect(optionNode,newChoice,newSelectShiftName);
		});
		
		tdNode.keyup(function(event){
			var myEvent = event || window.event;
			var keycode = myEvent.keyCode;
			
			if(keycode == 13){
				newSelectShiftName.css("display","none");
				preShiftNameNode.val(newChoice);
				preShiftNameNode.css("display",""); 
			}
		});
	});
  	
});

function updateSelect(optionNode,newChoice,newSelectShiftName){
	
		optionNode.each(function(i){
			var curShiftName = $(this).val();
			
			if(newChoice == curShiftName){
				$(this).attr("selected","true");
			}
		
		});
	
	
}

jQuery

2008年11月08日 20:32

darrendu
3
0 0 3

2个答案按时间排序按投票排序

0 0

采纳的答案

看了你发给我的消息，估计你的td需要在迭代过程中产生很多个，所以不能用ID选择器，还是上面这个，用两个DIV，直接使用父-子选择器吧，不过还是建议你，脚本操作的dom对象越少越好，越独立越好，你把显示普通文本和显示select放到像个完全不相干的div中，直接针对DIV应用脚本就行了，它们同属于TD

2008年11月08日 21:03

jones
1626
0 0 0

添加评论

0 0

你这么实现太罗嗦，TD里面直接两个DIV，这两个通过单击切换是否显示，一个上放普通文本，一个上放select，这样可以大大简化你的脚本，

<div id="textDiv"></div>
<div id="selectDiv" style="display:none"></div>

是否显示通过jquery的id选择器对div的显示状态进行切换，别去搞什么select啊,option啊的，回车提交也很简单，直接给document的keyup事件注册一个提交表单的事件处理器就行了

2008年11月08日 20:48

jones
1626
0 0 0

添加评论

已解决问题

未解决问题

排行榜

查看全部排名>>