我在从内容中获取元素并在用户单击鼠标时显示它时遇到了问题。
基本上,我们正在制作一个失物招领网站,当用户点击一个特定的位置时,我们希望出现一个带有该位置名称的文本框。
我们遇到了这样一个问题:什么都不输出,或者是一个很长的url,或者有时是对象对象。
content: <area id="AF' class="location" title="Anderson Field" alt="Anderson Field">我们有多个具有相同类名的区域属性,但ID不同。我们不是繁琐地说if (id == "AF")打印"Anderson Field",而是希望根据鼠标单击自动获得值
我们的事件处理程序:
$("href").click("click", function(){$("#textBox").val(myfunction();
function myfunction()
{
return $("input").val(title);
}所以我们的myfunction实际上是获取属性的值,但是我们的问题是我们没有正确获取它。要么什么都没有显示,要么是一个长url,要么是对象对象
发布于 2016-10-28 06:50:25
您可以将事件附加到地图中的"area“元素,并通过"this" keyword从jQuery事件访问( "area”元素的)元素属性。
例如,假设您的地图名为"planetmap",它可以是:
$("map[name=planetmap] area").on("click", function(){
$("#textBox").val($(this).attr('title')).show();
return false;
});其中textBox是要显示的隐藏输入。你可以看到实况:
https://jsfiddle.net/zetxek/rs03e3zd/5/
如果您只想设置输入的值并将其显示在代码的其他部分,您可以省略"show“部分:
$("#textBox").val($(this).attr('title'));https://stackoverflow.com/questions/40295207
复制相似问题