0

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

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

4

5 回答 5

1 
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);
于 2013-03-08T05:28:23.640 回答
0

HTML

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

Javascript

// # 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");
于 2013-03-08T05:26:48.307 回答
0

看看你的html是不是这样的：

html:

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

那么jQuery应该是：

$(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();
});

检查这个小提琴

于 2013-03-08T05:27:13.923 回答
0

使用 change 事件来跟踪 chnaged 事件...并放置值...

尝试这个

 $('#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>
....

jQuery

 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

 });
于 2013-03-08T05:22:53.807 回答
0 
if($('#JobsList').val() == "Citizen")
   $('#elementId').html("You have no real role in society");
else    if($('#JobsList').val() == "other")
   $('#elementId').html("other statement");

如果选择选项更多，则使用 switch 而不是 if-else。

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

于 2013-03-08T05:18:49.337 回答