質問

終了

JavaとJavaScriptとHTMLをやっていますが、今分からない所があります。よろしければ教えて頂けると幸いです。

JavaでSQLのSELECTを実行して、JavaScriptで配列に入れたものをHTMLのプルダウンに入れて、表示がしたいのですが、プルダウンの中に入れるのが出来ません。

調べながらやっていたのですが、プルダウンの中にJavaScriptの値を入れる方法が分かりませんでした。

もし、具台的な解決策や初心者にも分かりやすい参考サイト等がご存知の方は教えて頂けると幸いです。よろしくお願いいたします。

MWorkKbn.htnl

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>仕事区分</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script type="text/javascript" src="MWorkKbn.js"></script>
</head>
<body>
<table id = Kbn>
<thead>
<tr><th class = "td-cal"></th>
<th class = "td-cal">月</th>
<th class = "td-cal">火</th>
<th class = "td-cal">水</th>
<th class = "td-cal">木</th>
<th class = "td-cal">金</th>
<th class = "td-cal">土</th>
<th class = "td-cal">日</th></tr>
</thead>
<tbody id = tbody>
<tr><td class = "td-uuu">仕事名</td>
<td class = "td-uuu"><select id="select_MON"></select></td>
<td class = "td-uuu"><select id="attend-kbn-tue"></select></td>
<td class = "td-uuu"><select id="attend-kbn-wed"></select></td>
<td class = "td-uuu"><select id="attend-kbn-thur"></select></td>
<td class = "td-uuu"><select id="attend-kbn-fri"></select></td>
<td class = "td-uuu"><select id="attend-kbn-sat"></select></td>
<td class = "td-uuu"><select id="attend-kbn-sun"></select></td>
</select>
</tr>
</thread>
</table>
</body>
</html>

MWorkKbn.js

window.onload = function(){
var json_Array = [] ;
var json_Arr = 0 ;
var Kbn = document.getElementById( 'Kbn' ) ;
var thread = document.getElementById("thread") ;
var MWorkKbn_Array = [] ;
var MWorkKbn_Arr = 0 ;
var jsonData = "" ;
var ttt = "" ;
var select_MON = document.getElementById("select_MON") ;
doAjax(jsonData) ;

function doAjax(jsonData){
$.ajax({
url: 'http://localhost:8080/PACLibrary/api/action/mworkkbn' ,
type: 'GET',
dataType: 'json',
})
.done(succes)
.fail(error) ;

function succes(jsonData){
if(jsonData.result == true && Object.keys(jsonData).length > 0){
alert("OK!") ;
json(jsonData) ;
createTable(jsonData , json_Array) ;
}else{
alert("NO!") ;
}
}

function error(jsonData){
alert('ERROR');
}
}

function json(jsonData){
for( var j = 0 ; j < jsonData.dataInfo.length ; j++ ){
var EigyoCD = jsonData.dataInfo[j].eigyoCd ;
var WorkKbn = jsonData.dataInfo[j].workKbn ;
var WorkName = jsonData.dataInfo[j].workName ;
var DelteFlag = jsonData.dataInfo[j].delFlg ;
var UpdateCount = jsonData.dataInfo[j].createDt ;
var CreateDT = jsonData.dataInfo[j].creatermid ;
var CreateTermid = jsonData.dataInfo[j].createTermid ;
var CreatePgmid = jsonData.dataInfo[j].createOgmid ;
var UpdateDt = jsonData.dataInfo[j].updateDt ;
var UpdateTermid = jsonData.dataInfo[j].updateTermid ;
var UpdatePgmid = jsonData.dataInfo[j].updatePgmid ;

json_Array [json_Arr] = {
'EigyoCD' : EigyoCD
, 'WorkKbn' : WorkKbn
, 'WorkName' : WorkName
, 'DelteFlag' : DelteFlag
, 'UpdateCount' : UpdateCount
, 'CreateDT' : CreateDT
, 'CreateTermid' : CreateTermid
, 'CreatePgmid' : CreatePgmid
, 'UpdateDt' : UpdateDt
, 'UpdateTermid' : UpdateTermid
, 'UpdatePgmid' : UpdatePgmid
}
json_Arr++ ;
}
}

function createTable(jsonData , json_Array ){
select_MON = json_Array[0].WorkName ;
}
}

質問者：fff
質問日時：2016-11-25 23:32:04
0

並び替え：

回答

最大値の定義が無いような・・・・　違っていたらゴメン

回答者：putai (質問から7日後)
0

この回答の満足度

Sooda!からのお知らせ

一覧を見る

質問

回答

関連する質問・相談

Sooda!からのお知らせ