Javascript 使用jQuery在选项卡内单击按钮时获取textarea值

我试图将文本显示在UI tabs小部件中选项卡内的文本区域中。所以我有一个按钮问你感觉如何。如果在第二个选项卡中未选择任何内容，则应在文本区域显示消息。现在我单击按钮，即使使用.html或.text或.val方法，也不会显示任何文本。有什么想法吗

$（函数（）{
$（“.draggable”）.draggable（）；
$（“#可拖放”）。可拖放({
drop：函数（事件、用户界面）{
if（ui.draggable.attr（“id”）=“gplan”）{
$（本）
.addClass（“ui状态突出显示”）
.查找（“p”）
.html（“选择了伟大的计划！”）；
}
if（ui.draggable.attr（“id”）=“pplan”）{
$（本）
.addClass（“ui状态突出显示”）
.查找（“p”）
.html（“选择了糟糕的计划！”）；
}	
}
})；//可拖放的结束
});//$（函数（）的结尾{
$（“#感觉”）。单击（函数（）{
var gPlan=$（“#gPlan”）.val（）；
var pPlan=$（“#pPlan”）.val（）；
如果（！gPlan&&！pPlan）{
$（“textarea”）.val（“我不知道”）；
}
window.onload=函数（）{
$（“#感觉”）。单击（函数（）{
var gPlan=$（“#gPlan”）.val（）
var pPlan=$（“#pPlan”）.val（）
如果（！gPlan&&！pPlan）
{
$（“textarea”）.html（“我不知道”）.effect（“bounce”，1000）；
}
如果（pPlan）
{
$（this.html（“我感觉很棒！”）；
}
如果（gPlan）
{
$（this.html（“我的头疼！”）；
}
})//结束单击
})；//结束感觉单击

注册


名字：





姓氏：





开始日期：








伟大的计划





糟糕的计划

在这里放弃你的计划


你现在感觉怎么样？

如果您希望在用户单击按钮时显示文本，则应将单击侦听器中的id更改为

“#按钮”

。在代码中，您正在侦听文本区域中的单击事件

$("#button").click(function(){

应该解决你的问题

---

编辑：这里有一个小提琴说明了这一点：

如果您想要的行为是在用户单击按钮时显示文本，您应该将单击侦听器中的id更改为

“#按钮”

。在代码中，您正在侦听文本区域中的单击事件

$("#button").click(function(){

应该解决你的问题

---

编辑：这里有一个提琴来说明这一点：

参见下面的示例。您可以通过非常简单的方式获得可拖放标题，您可以根据需要使用这些值存储在隐藏字段中。希望对您有所帮助

$（文档）.ready（函数（）{
$（“.idows文件”）.draggable({
助手：“克隆”，
回复：“无效”
});
$（“.idows文件夹”）.dropable({
接受：“.idows文件”，
drop：函数（事件、用户界面）{
设draggableItem=$（ui.draggable[0]）；
让droppableName=$（this）[0].title；
让draggableName=$（draggableItem）.attr（'title'）；
log（droppableName，draggableName）；
}
});
})

.idows文件{
宽度：64px；
高度：64px；
字体大小：64px；
}
.idows文件夹{
宽度：64px；
高度：64px；
字体大小：64px；
}

请参见下面的示例。您可以通过非常简单的方式获得可拖放标题，您可以根据需要使用这些值存储在隐藏字段中。希望对您有所帮助

$（文档）.ready（函数（）{
$（“.idows文件”）.draggable({
助手：“克隆”，
回复：“无效”
});
$（“.idows文件夹”）.dropable({
接受：“.idows文件”，
drop：函数（事件、用户界面）{
设draggableItem=$（ui.draggable[0]）；
让droppableName=$（this）[0].title；
让draggableName=$（draggableItem）.attr（'title'）；
log（droppableName，draggableName）；
}
});
})

.idows文件{
宽度：64px；
高度：64px；
字体大小：64px；
}
.idows文件夹{
宽度：64px；
高度：64px；
字体大小：64px；
}

您好，我想对于代码的编辑，您是否已经尝试修复一些没有终止符（“；”）的语法？

#gplan

和

#pplan

是

div

s，没有

值

属性。@Alex:另一件事是，当我从选项卡2拖动一个框并将其放入可拖放区域时，选项卡3文本区域中的文本会根据我在可拖放区域中放入的可拖放项而变化。因此，如果我在选项卡2中拖放gplan，则在选项卡3…单击按钮后，textarea消息将更改为“很棒”，或者如果我在选项卡2中拖放pPlan，则它将与选项卡3关联，并将选项卡3中的文本更改为“糟糕”单击选项卡3中提供的按钮。你知道怎么做吗？@Muhammad，你能看到我在下面向Alex提出的问题吗？谢谢你的帮助！@Muhammad，我修改了我的代码。嗨，我想为了编辑你的代码，你是否已经尝试修复了一些没有终止符（“；”）的语法？

#gplan

和

#pplan

是

div

s，没有

值

属性。@Alex:另一件事是，当我从选项卡2拖动一个框并将其放入可拖放区域时，选项卡3文本区域中的文本会根据我在可拖放区域中放入的可拖放项而变化。因此，如果我在选项卡2中拖放gplan，则在选项卡3…单击按钮后，textarea消息将更改为“很棒”，或者如果我在选项卡2中拖放pPlan，则它将与选项卡3关联，并将选项卡3中的文本更改为“糟糕”单击选项卡3中提供的按钮。你知道怎么做吗？@Muhammad，你能看到我在下面向Alex提出的问题吗？谢谢你的帮助！@Muhammad，我修改了我的代码。这很有效。另一件事是当我从选项卡2拖动一个框并将其放入droppa时