Question

我正在尝试使用选择列表中的选项填充Div。我可以让它工作，但结果是价值，我想要选定的单词。

无论选择是什么，单词出现在Div中：

<div id="Requests">Requests</div>
<div id="Requests">Issues</div>
<div id="Requests">Incidents</div>

这就是我正在使用的;

我的选择列表

<select name="ReportCat" id="ReportCat" class="imaindatesel" >
<option value="0">Select...</option>
<option value="1">Requests</option>
<option value="2">Issues</option>
<option value="3">Incidents</option>
</select>

我的分区

<div id="Requests"></div>

我的jQuery：

$(function(){
    $('#ReportCat').change(function(){

        $('#Requests').html($('#ReportCat').val());        
    });
});

任何人都可以提供帮助，非常感谢提前

Answer 1

您可以使用：$("#ReportCat :selected").text()获取所选选项的文字。

＆＃13;

$(function(){
    $('#ReportCat').change(function(){

      $('#Requests').html($("#ReportCat :selected").text());          
    });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name="ReportCat" id="ReportCat" class="imaindatesel" >
<option value="0">Select...</option>
<option value="1">Requests</option>
<option value="2">Issues</option>
<option value="3">Incidents</option>
</select>

<div id="Requests"></div>

＆＃13;

Answer 2

要添加文字，请使用$('#ReportCat').text()代替$('#ReportCat').val()。

$(function(){
    $('#ReportCat').change(function(){
        $('#Requests').html($('#ReportCat:selected').text());        
    });
});

此外，您已经为您的div重复了ID。 ID是唯一的，因此我建议将其更改为类。

使用选择列表中的内容填充Div

2 个答案: