<div id="selected">
<div class="select join_state">
<span>Changed other time</span>
<i class="downicon"><img src="/public/image/downicon.png" ></i>
</div>
<ul class="join_statelist" style="display: block;">
<li value="1" onclick="select_location('1')">Changed other time</li>
<li value="2" onclick="select_location('2')">Break the contract and can't participate</li>
</ul>
<input type="hidden" id="area" >
</div>
$(function() {
$(".select").click(function() {
$(this).siblings('.join_statelist').show();
})
$(".join_statelist li").click(function() {
$(this).parent().siblings('.