jQuery-在选择更改时设置元素的html

我有一个名为JobsList的select元素，我需要它来设置另一个元素jobDesc的html值。我不知道我需要做什么，或者从哪里开始，我对jQuery还比较陌生

它必须将元素的文本设置为每个选项预定义的内容，例如，如果选择的选项是Citizen，它会将jobDesc设置为“您在社会中没有真正的角色”

如果选择选项较多，则使用开关，而不是if else

---

在使用此代码之前导入jQuery文件。

使用更改事件跟踪更改事件。。。并把价值

试试这个

 $('#joblistID').change(function(){
    if($(this).val() == "Citizen"){
        $('#elementId').val("You have no real role in society");//if input
        $('#elementId').text("You have no real role in society");// or if otner element
    }
 });

你可以用类似的方式为他人工作

或者创建一个选项值数组

html

...
<option value="citizen">Citizen</option>
<option value="test">Test</option>
....

HTML

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

---

查看您的html是否如下所示：

html:

---

显示您的html代码或在“显示一些代码”中设置小提琴。请编辑您的问题并添加格式良好的html以及您已经拥有的脚本。我有html，但没有jQuery，我不知道从哪里开始。@user2142702将html代码粘贴到您的问题中，或者转到JSfiddle.net网站，在那里粘贴html和sav，然后共享链接

 var a= new Array();
a['citizen']='You have no real role in society';
a['test']='test word'
.....
$('#joblistID').change(function(){
        var currvalue=$(this).val();
        $('#elementId').val(a[currvalue]);//if input
        $('#elementId').text([currvalue]);// or if otner element

 });

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

// # is used for filtering by element ID
    if($('#JobsList').val() == "Citizen")
       $('#jobDesc').html("You have no real role in society");
    else    if($('#JobsList').val() == "other")
       $('#jobDesc').html("other statement");

<select id='joblist'>
  <option value='0'>---job list---</option>
  <option value='Student'>Student</option>
  <option value='Citizen'>Citizen</option>
</select>
<div id='jobdesc'></div>

$(function(){
     $('#joblist').change(function () {
         if ($(this).val() == 'Student') {
             $('#jobdesc').html('You need to study good things.');
         } else if ($(this).val() == 'Citizen') {
             $('#jobdesc').html('"You have no real role in society" it\'s not true.');
         } else {
             $('#jobdesc').html('Please choose a job from above list.');
         }
     }).change();
});

var job_list_value = $('#JobsList').val();
var message;

if (job_list_value === "Citizen") {
    message = "You have no real role in society");
} else if (job_list_value === "other") {
    message = "other statement";
} else {
    message = 'Default';
}

$('#elementId').html(message);