Javascript 使用下拉列表java/html/css将字符写入div

请原谅我完全缺乏知识，我对这一切都很陌生。我在这里找到了一些代码，这些代码符合我的要求，所以我尝试对其进行修改。基本上，我需要在屏幕上显示一个字符，然后使用下拉列表更改该字符

这是HTML

<div style = "position: absolute; left: 320; top: 700;" class = "dropdown-menu-     portfolio" >    
 <select id="category-navbar" name="category-navbar" style="width: 131px;">
                    <option value="1">motif 1</option>
                    <option value="2">motif 2</option>
                    <option value="3">motif 3</option>
</select>

主题1
主题2
主题3

还有Java脚本

 <script>     
$(".category-navbar value value").click(function() {
// Modifying the label
$('div.dropdown-menu-portfolio label').text($(this).text());

// Removing the class 'select' to the item previously selected
$('option.select').removeClass('select');

// Giving the class 'select' to the item currently selected
$(this).parent().addClass('select');
});

</script>   

$（“.category导航栏值”）。单击（函数（）{
//修改标签
$（'div.dropdown-menu-portfolio label'）.text（$（this.text（））；
//将类“select”删除到以前选择的项目
$（'option.select'）.removeClass（'select'）；
//将类“select”赋予当前选定的项
$（this.parent（）.addClass（'select'）；
});

---

我已经挣扎了几个星期，断断续续地想把它破解。任何帮助都将不胜感激

我不是100%确定，但我想这就是你想要的：

$(document.body).on('change', 'select#category-navbar', function() {
    $('.selected-value').text($(this).val());
});

---

因此，当您更改下拉列表中的选项时，它会将所选选项值写入.selected value div.Demo:

您的代码中有一些错误，例如：

$(".category-navbar value value").click(function() {

您没有选择任何内容，它必须是：

$("#category-navbar").change(function() {

请注意“#”符号，它按ID选择，然后必须使用更改事件

检查jsiddle以获取完整代码 试试这个

<div class = "dropdown-menu-portfolio" ></div>  
 <select id="category-navbar" name="category-navbar" style="width: 131px;">
                    <option value="1">motif 1</option>
                    <option value="2">motif 2</option>
                    <option value="3">motif 3</option>
</select>

---

单击此处查看演示-

$（“.category navbar value value”）

您试图选择什么？而且，这个

class=“dropdown menu-portfolio”

应该是

class=“dropdown menu portfolio”

我正在尝试选择表单中的值。我一直坐在这里，可能在想这根本行不通，因为我突然意识到，如果可能的话，我需要将显示的字符放在与elect表单不同的位置？

$（“.category navbar”）.change（function（）{/*现在可以使用$（this.val（）*/}）我的代码中没有空格，一定是我转到这里时出错了，对此表示歉意。正是我要找的。非常感谢！
$("#category-navbar").change(function(){
    $(".dropdown-menu-portfolio").html($(this).val());
});