0

JobsList という select 要素があり、別の要素 jobDesc の html 値を設定する必要があります。何をする必要があるのか​​ 、どこから始めればよいのかわかりません。jQueryは比較的初めてです。

要素のテキストを、オプションごとに事前定義されたものに設定する必要があります。たとえば、選択されたオプションが Citizen の場合、jobDesc を「You have no real role in social」に設定します。

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

変更イベントを使用して、変更されたイベントを追跡し、値を入力します...

これを試して

 $('#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");

選択オプションがそれ以上の場合は、if-else の代わりに switch を使用します。

このコードを使用する前に、jQuery ファイルをインポートしてください。

于 2013-03-08T05:18:49.337 に答える