请查看随附的jsfiddle。

我的预期输出是

1)将选定的男孩分配到选定的男孩列。

2)避免重复选择,因为在页面加载时我可能已经选择了boy。 所以客观应该是。

技术问题1)每当dropdpwn更改时,都会查看所有其他下拉列表中的所选选项,并查看SELCTED BOY栏顶部,以查看是否已经选择了该男孩。

我的兄弟

http://jsfiddle.net/bharatgillala/pnzh255v/6/

<TABLE id=ctl00_contentBody_gvRoomAllocation class=mGrid style="WIDTH:   750px; BORDER-COLLAPSE: collapse" cellSpacing=0 border=0><TBODY>
<TR>
<TH scope=col>Room #</TH>
 <TH scope=col> BoyName</TH>
 <TH scope=col>Selected Boy</TH></TR>
<TR>
<TD style="WIDTH: 30px" align=left>1</TD>
<TD style="WIDTH: 60px" align=left><SPAN     id=ctl00_contentBody_gvRoomAllocation_ctl02_lblAvailableHE>Eleanor </SPAN>     <INPUT id=ctl00_contentBody_gvRoomAllocation_ctl02_HDN_ROOM_ID type=hidden     value=8 name=ctl00$contentBody$gvRoomAllocation$ctl02$HDN_ROOM_ID> </TD>
   <TD style="WIDTH: 60px" align=left><SELECT id=ctl00_contentBody_gvRoomAllocation_ctl02_ddlAvailableJudges class=judges   name=ctl00$contentBody$gvRoomAllocation$ctl02$ddlAvailableJudges> <OPTION   selected value=-1></OPTION> <OPTION value="Eleanor">Eleanor</OPTION> <OPTION value="Patricia">Patricia </OPTION> <OPTION   value="Pantaleoni">Pantaleoni</OPTION> <OPTION value="Dianne">Dianne </OPTION>      </SELECT> </TD></TR>
 <TR class=alt>
<TD style="WIDTH: 30px" align=left>2</TD>
<TD style="WIDTH: 50px" align=left><SPAN    id=ctl00_contentBody_gvRoomAllocation_ctl03_lblAvailableHE></SPAN><INPUT id=ctl00_contentBody_gvRoomAllocation_ctl03_HDN_ROOM_ID type=hidden value=9  name=ctl00$contentBody$gvRoomAllocation$ctl03$HDN_ROOM_ID> </TD>
  <TD style="WIDTH: 95px" align=left><SELECT      id=ctl00_contentBody_gvRoomAllocation_ctl03_ddlAvailableJudges class=judges name=ctl00$contentBody$gvRoomAllocation$ctl03$ddlAvailableJudges> <OPTION      selected value=-1></OPTION> <OPTION value="Eleanor , Rand"> Eleanor</OPTION>    <OPTION value="Patricia , Cardoso">Patricia </OPTION> <OPTION value="David ,     Pantaleoni">Pantaleoni</OPTION> <OPTION value="Dianne , Malone">Dianne </OPTION>      </SELECT> </TD></TR>
<TR>
<TD style="WIDTH: 90px" align=left>3</TD>
<TD style="WIDTH: 140px" align=left><SPAN      id=ctl00_contentBody_gvRoomAllocation_ctl04_lblAvailableHE>Patricia </SPAN> <INPUT id=ctl00_contentBody_gvRoomAllocation_ctl04_HDN_ROOM_ID type=hidden    value=10 name=ctl00$contentBody$gvRoomAllocation$ctl04$HDN_ROOM_ID> </TD>
<TD style="WIDTH: 95px" align=left><SELECT   id=ctl00_contentBody_gvRoomAllocation_ctl04_ddlAvailableJudges class=judges   name=ctl00$contentBody$gvRoomAllocation$ctl04$ddlAvailableJudges> <OPTION  selected value=-1></OPTION> <OPTION value="Eleanor , Rand">Eleanor</OPTION>     <OPTION value="Patricia , Cardoso">Patricia </OPTION> <OPTION value="David ,  Pantaleoni">David</OPTION> <OPTION value="Dianne , Malone">Dianne </OPTION>         </SELECT> </TD></TR></TBODY></TABLE>

===============>>#1 票数:0

假设select上方的跨度是值的去向,我认为这是您需要的

$('select').on('change', function() {
    var $el = $(this);
    $el.closest('span').text($el.val());
});

  ask by user2465036 translate from so

未解决问题?本站智能推荐:

1回复

如何在jquery中重写字符串以避免再次访问dom,并使用jquery选择器

我正在尝试重新编写一些jquery,以便使用我先前创建的选择器,这样就无需再次访问DOM。 我创建的选择器已经访问过DOM一次,我想在函数的字符串文字中使用其内容。 我当前的代码如下: 可以正常工作,但是“ .nav a”正在访问DOM,在这种情况下我不希望这样做。 我想使用this。$ na
1回复

从dom中删除元素(如果不是唯一使用jQuery的情况)? [重复]

这个问题已经在这里有了答案: 如何比较两个jQuery对象的身份? 3个答案 我有一个包含多行动态添加的输入字段的表单, 我希望能够删除这些字段的最后一行(前提是它不是唯一的一行) 我正在尝试如下 Javascript HTML(为简化起
1回复

使用jQuery在HTML dom中遍历

我有一个基本的查询。 这是代码的一部分。 现在,如果我这样查询div id =“ something” 我想它必须更改class5 ..span的html内容,但实际上它没有发生,因此任何帮助都是巨大的帮助。谢谢
2回复

jQuery在两个单独的div中按类名称选择复选框

我在这里尝试做的事情很简单: http : //jsfiddle.net/393Yk/ 我有两列,每列基本上都有一个嵌套的无序列表的复本,其中包含许多复选框。 当我选中并取消选中左侧列中的复选框时,右侧列中的相应复选框也应选中并取消选中。 想法实际上是隐藏右侧的元素,直到在左侧
3回复

在jQuery中查找DOM对象的节点名称

我试图用HTML页面中的表单元素构造JSON。 作为Java的新手,我进行了一些挖掘,发现nodeName属性可用于获取DOM节点的HTML标签名称。 我试图编译代码以使用警报打印标签名称,这是我设法解决的,但是我无法使其正常工作: 我究竟做错了什么? $(fun
3回复

使用通用的“类”名称过滤DOM中的元素并在其上应用CSS - JQuery

在DOM中,我可以过滤掉具有以特定单词开头的类名的元素,这里是answer_list_two cpts_ ,结果如下所示。 [<div class=​"answer_list_two cpts_1_19234">​…​</div>​, <div class=​
1回复

在JavaScript生成的DOM元素上使用jQuery函数[重复]

这个问题已经在这里有了答案: 在动态创建的元素上进行事件绑定? 23个答案 我正在写一个网页,该网页包含一个按钮,单击该按钮会生成一些东西。 它会生成一个下拉菜单,一个文本字段和两个按钮。 此处的文本字段用于跟踪所选内容的数量,这两个按钮可将值增加或减少1。
5回复

使用JQuery向DOM元素添加类型[重复]

这个问题已经在这里有了答案: 在jQuery中添加属性 10个答案 我正在尝试将type=checkbox附加到每个tr的最后一个td 我一直在遍历实现此目标的想法,但是我不知道它是否可以工作。 与此类似。 我知道这是在元素中添加类,但是可以通过类似
6回复

如何使用jQuery向DOM对象添加重复的类?

可以说我有一个元素 而且我想添加一个重复的类,因此在编写此代码时: 未添加该类,因为该元素已经有一个。 我想编写如下代码: 我期望得到以下结果: 我试图使用jQuery的addClass方法的重载: 但这也不起作用。 它只是不添加重复的类。 我怎
6回复

查找无法从jQuery中的dom中选择数据

我需要的 我需要从events_links类访问href。 HTML代码 js代码 html元素的快照 我试图用.parent()访问,但它不起作用。 O / P 我需要通过单击小类来访问events_links类,以便从该ht