Javascript 函数正在警告不正确的值/文本

我正在测试一个我试图构建的表单，每次从下拉菜单中单击不同的列表项时，我都试图返回不同的值，我希望这是有意义的，也许可以快速浏览一下我的笔，也许会解释得更清楚

每次我单击占位符1、2或3时，由于某种原因，它们都只返回“占位符”，我需要它们返回完整的文本，例如，如果我单击“占位符1”，它应该返回“占位符1”，而不仅仅是“占位符”

---

感谢您的帮助，因为我完全被难住了

您正在将

val1

定义为

$（“#box1 p:first child”）.text（）

当页面加载时，然后更改

#box1 p:first child

的内容。因此，如果您想使用

$（“#box1 p:first child”）的新内容发出警报，则需要重新定义该变量。text（）

我将

val1

移动到您的单击处理程序中，在您使用

$.text（）

更改其内容后，因为这是您引用该变量的唯一位置

$（文档）.ready（函数（）{
var val2=$（“#box2 p:first child”）.text（）；
$（“#框1”）。单击（函数（）{
$（“#dropdown2”）.removeClass（“出现”）；
$（“#下拉列表1”）.toggleClass（“出现”）；
});
$（“#下拉列表1 ul li a”）。单击（函数（）{
$（“#box1 p:first child”）.text（$（this.text（））；
$（“#box1 p:first child”）.val（$（this.text（））；
var val1=$（“#box1 p:first child”）.text（）；
警报（val1）；
//开关（val1）{
//案例“占位符1”：
//警报（“测试”）；
//案例“占位符2”：
//警报（“测试2”）；
//中断；
//默认值：
//警报（“测试3”）；
//   }
});
$（“#框2”）。单击（函数（）{
$（“#下拉列表1”）.removeClass（“出现”）；
$（“#dropdown2”）.toggleClass（“出现”）；
});
$（“#下拉菜单2 ul li a”）。单击（函数（）{
$（“#box2 p:first child”）.text（$（this.text（））；
$（“#box2 p:first child”）.val（$（this.text（））；
});
});
*{
保证金：0；
填充：0；
}
/*容器*/
#包装纸{
高度：560px；
宽度：1000px；
位置：绝对位置；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
}
#容器{
宽度：100%；
身高：100%；
位置：相对位置；
}
/*排*/
#第1排，第2排，第3排{
背景：#000；
宽度：100%；
高度：80px；
位置：绝对位置；
顶部：80px；
}
#第2行{
顶部：240px；
z指数：-1；
}
#第3行{
顶部：400px；
}
/*盒式集装箱*/
.包装盒{
背景：蓝色；
宽度：80%；
身高：100%；
位置：相对位置；
左：50%；
转化：translateX（-50%）；
}
/*盒子*/
#第1栏#第2栏{
背景：#333；
宽度：45%；
身高：100%；
位置：绝对位置；
文本对齐：左对齐；
光标：指针；
}
#框2{
右：0；
}
#第三箱、第四箱、第五箱{
背景：#333；
宽度：30%；
身高：100%；
位置：绝对位置；
}
#方框4{
左：50%；
转化：translateX（-50%）；
}
#方框5{
右：0；
}
#第6栏，第7栏{
背景：#333；
宽度：45%；
身高：100%；
位置：绝对位置；
文本对齐：左对齐；
光标：指针；
}
#框7{
右：0；
}
/*方框文本*/
#第1栏p、#第2栏p、#第3栏p、#第4栏p、#第5栏p、#第6栏p、#第7栏p{
字体大小：40px；
线高：80px；
左侧填充：10px；
}
/*下拉列表*/
#下拉列表1，#下拉列表2{
背景：#000；
高度：150像素；
宽度：100%；
位置：绝对位置；
顶部：80px；
z指数：2；
显示：无；
}
#滴落1微升，滴落2微升{
背景：黄色；
身高：100%；
}
#滴落1 ul li，#滴落2 ul li{
列表样式：无；
}
#下降1 ul li a，#下降2 ul li a{
左侧填充：10px；
字体大小：30px；
文字装饰：无；
颜色：#000；
}
/*显示下拉列表*/
.出现{
显示：块！重要；
}

占位符






占位符






占位符

占位符

占位符

占位符

占位符

文本值更改后，需要重置val1。您可能还希望始终如一地以

$("#dropdown1 ul li a").click(function(){
    $("#box1 p:first-child").text($(this).text());
    $("#box1 p:first-child").val($(this).text());

    val1 = $("#box1 p:first-child").text();

    alert(val1);
});

您的代码正在获取
标记的内容，并且该标记在您希望提取的内容之前结束。工作起来就像宝石一样！如果可以，我会吻你。无论如何，我会在6分钟内把你的答案标记为正确答案。@AlexYap真棒：-*
$("#dropdown1 ul li a").click(function(){
    $("#box1 p:first-child").text($(this).text());
    $("#box1 p:first-child").val($(this).text());

    val1 = $("#box1 p:first-child").text();

    alert(val1);
});