2017-05-17 16 views
0

選択のオプションについてはコーディングしています。 localModelを選択した後にローカルオプションを選択したい。 私は配列を通して成功していますが、配列からテキストを受け取ることは分かりません。特定の選択肢の配列

受信データ後に選択LOCAL1、LOCAL2

Q1 = LOCAL1 & Q2 = 1

もし選択LOCAL1、図示town1、town2、LOCAL2を選択した場合LOCAL1

の選択についてtown3 、local2の選択については、town1、town2、town3を表示

var localsAndModels = {}; 
 
localsAndModels['local1'] = ['town1', 'town2', 'town3']; 
 
localsAndModels['local2'] = ['town1', 'town2', 'town3', 'town4']; 
 
localsAndModels['local3'] = ['town1', 'town2', 'town3']; 
 

 
function ChangeLocalList() { 
 

 
    var localList = document.getElementById("local"); 
 
    var modelList = document.getElementById("localmodel"); 
 
    var selLocal = localList.options[localList.selectedIndex].value; 
 

 
    while (modelList.options.length) { 
 
    modelList.remove(0); 
 
    } 
 
    var locals = localsAndModels[selLocal]; 
 
    if (locals) { 
 
    var i; 
 
    for (i = 0; i < locals.length; i++) { 
 
     var local = new Option(locals[i], i); 
 
     modelList.options.add(local); 
 
    } 
 
    } 
 
}
<div class="container"> 
 
    <form action="searchTown.do"> 
 
    <select class="btn btn-default btn-sm dropdown-toggle" name="Q0" id="local" onchange="ChangeLocalList()"> 
 
    \t <option value="">--select local--</option> 
 
    \t <option value="local1">local1</option> 
 
    \t <option value="local2">local2</option> 
 
    \t <option value="local3">local3</option> 
 
    \t 
 
    </select> 
 
    <select class="btn btn-default btn-sm dropdown-toggle" name="Q1" id="localmodel">

+0

あなたは、あなたが0の数値を取得すると言うことを意味する1の代わりに、town1、town2ますか?インデックスを指定してOptionを構築しています。テキストと同じものを使用するように変更します。あなたが尋ねるべきものでなければ、正確な質問は何かを詳しく教えてもらえますか? –

+0

問題のjspページはありません。テキストを選択しない場合は、 配列は[i]番目の数値として受信されています。 私はテキスト値だけを受け取っています。 –

+0

http:// localhost:8081/SpringWebPrj/searchTown.do?Q0 =%EC%84%9C%EC%9A%B8%ED%8A%B9%EB%B3%84%EC%8B%9C&Q1 = 0&ORD = Addr Q1 = 0を見てください。これはローカルモデルのデータです。数字は必要ありません Q1 = 0は数字ではありませんが、town1という文字列データとして受信する必要があります。 –

答えて

0

あなたのようなオプションを設定するので、あなたは数値を取得しています。それを置き換えて同じテキストを渡すと、それはあなたが望むように動作するはずです。 Html Option

var local = new Option(locals[i], locals[i]);

関連する問題