javascript - 下拉框重复选择

问题描述

问 题

我想点击下拉框的时候就把值追加到input里面，但再次点击选中的option时，没有触发到change事件 我想要的效果是点击选中的也能触发，将值追加到input里面。有大神能指导下么 感激不尽。

<div>
    <input type="text"  name="haha" id="haha"   style="width:500px;">
    <select name="" id="xixi"  >
        <option value="1" >选中第一个</option>
        <option value="2">选中第二个</option>
        <option value="3">选择第三个</option>
    </select>
</div>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js" type="text/javascript"></script>

<script>
  $("#xixi").change(function() {
    $("#haha").val($('#haha').val()+','+$('#xixi option:selected').text());
  }); 
</script> 

解决方案

首先这种情况不建议使用<select>。用<ul> + <li>做一个下拉菜单更符合你的需求。

当然如果你非要用<select>，那可以每次选择以后重置:

$('#xixi').prop('selectedIndex', -1);

这篇关于javascript - 下拉框重复选择的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！