在日历上获取所有事件的下拉值的第一个索引?

我遇到一个问题,我从我的下拉菜单中选择,然后我想从下拉菜单中选择另一个选项,我在我之前选择的选项和我新选择的选项上得到相同的值。有沒有修復我的下面的代碼?請告知。

这是我的代码。

 

$('.outputId').html(
        $("#eventname option:selected").text()
        
        );
   
    $('#eventname').prop('selectedIndex', 0);
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select class="form-control" for="eventname" name="eventname" id="eventname" data-val="true">
<option value="3e0ffa1d-c715-433c-b209-b6083bb43bf6" class="details" type="text">LeBron James</option>
<option value="3f66debb-a4f7-4c91-8bfc-a3fa62755f7d" class="details" type="text">Tester</option>
<option value="66653381-1009-4573-8d0e-640c57e94e5d" class="details" type="text">Jason Jones</option>
<option value="880c26f4-cb23-45ba-928b-50e9cd293c65" class="details" type="text">Sam Smith</option>
 <div class="button">
       

 <input type="submit" id="but"/>
        </div>
<div id="event">
<header></header>
<ul>
 <li>
  <p class="outputId"></p>   
 </li>   
</ul>
</div>

解决方案:

如果你想让你的选择显示在输出div中,你需要钩住select的变化事件。

$('select#eventname').on('change',function(e){
    var l_strSelOpt = $(e.target).find('option[value="'+$(e.target).val() + '"]').html().trim();
    $('.outputId').html(l_strSelOpt);
});

当你改变选择时,上面的代码就会被执行。它拉出与选择的值相对应的选项的html。最后一部分(从选定的选项中获取文本)可以用很多方法来完成,所以可以自由尝试。

给TA打赏
共{{data.count}}人
人已打赏
未分类

UriFormatException: 无效的URI。主机名无法被解析。MVC API C#

2022-9-13 14:51:38

未分类

ObjectInputStream测试的EOF异常。

2022-9-13 14:51:40

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索