与下拉列表一起使用的查询追加.它工作,但它在选择一次后停止追加



下拉列表应该添加与单击一样多的追加内容。目前,我可以点击";伦敦";并获得一个实例,它停止了,但我可以单击第二个";巴黎";选择,并且它添加"的实例;巴黎";然后返回并添加"的另一个实例;伦敦";以交替的方式。这是我的小提琴:https://jsfiddle.net/adventurly/ub4o680h/2/

$(document).ready(function(){
$("select").change(function(){
var selectedOption = $(this).find(":selected").val();
if ((selectedOption) == "London") {
$("#container").append("This is London ");
} 
if ((selectedOption) == "Paris") {
$("#container").append("This is Paris ");
}

});
});
<form>
<label>City:</label>
<select>
<option>London</option>
<option>Paris</option>
</select>
</form>
<p></p>

<div id="container"></div>
是的,因为您正在调用onchange事件。当您再次单击已选择的选项时,它不会改变任何内容。因为od表示函数没有被调用。

相反,您应该尝试调用onClick事件来实现这一点。

最新更新