2016-07-22 1 views
0

複数の選択オプションを1つずつクリックしてURLをポップアップする必要があります。つまり、あるオプションをクリックすると、新しいウィンドウがポップアップし、ユーザーはデータを送信して前のhtmlウィンドウに戻ることができます。もう一度ユーザーが1つのオプション(Ctrl +クリック)を選択すると、新しいポップアップウィンドウが開きます。しかし、ポップアップURLにはオプションの値が入っています。複数のオプションをクリックすると、新しいウィンドウがポップアップします。

<select multiple="multiple" id="FldSel" name="FldSel" size=15 onchange="callInstrumentField();" >                 
    <option isred= "A" value="1">1</option> 
    <option isred= "A" value="2">2</option> 
    <option isred= "A" value="3">3</option>                        
    <option isred= "A" value="4">4</option> 
</select> 

// JavaScript関数は次のとおりです。

function callInstrumentField() 
{ 

     var url; 
     var w; 
     var InstAct; 
     var InstName = document.ATTForm.instname.value.replace(/\s/gi,""); 
     var sel = document.getElementById('FldSel'); 
     var selected = sel.options[sel.selectedIndex]; 
     var FldSelVel = sel.value; 
     var FldType = selected.getAttribute("isred"); 
     var x2 = document.ATTForm.InstrAction.value; 

     if(InstName=="") 
      { 
      alert("Please Enter Instrument Name"); 
      document.getElementById("instname").focus(); 
      return false; 
     } 
     else{ 
      if(x2=="UPDATE") 
       { 
       InstAct= 'SELECT'; 
      } 
      else 
       { 
       InstAct=x2; 
      } 
     //var x2="SELECT"; 
      if (FldType == "Dropdown") 
       { 
       url = '?func=lsdms.ViewInstrumentFldSel&InstrAction='+InstAct+'&InstruMntNo='+FldSelVel; 
       w = window.open(url,"","height=340,width=680,scrollbars=yes,resizable=yes,menubar=no,toolbar=yes,status=yes"); 

       if (w.focus) 
        { 
        w.focus(); 
       } 

      } 
     } 
} 

しかし、そのは、所望の方法で動作していません。スクリプト内で以前に選択されたオプション値を渡すたびに。

答えて

1

正しく選択されたオプションを取得することについてあなたのコードを試しましたが、何も間違っていません。

あなたはクロームツールを使用してデバッグし、あなたが値を問い合わせることができるはず

var FldSelVel = sel.value; 

行にブレークポイントを追加した場合。

更新


あなたはjQueryの

を使用することができますクリックでイベントをトリガする必要がある場合は、その選択した値

for (x=0;x< sel.options.length;x++) 
    { 
    if(sel.options[x].selected) 
     { 
     alert(sel.options[x].value);    
     } 
    } 

をオプションを反復してテストすることによって検出することができるマルチ選択

$('#FldSel').on('change', function() { 
    var value = $(this).val(); 
    alert(value); 
}); 

thポップアップを表示するためにコールを入れることができます。

+0

問題は複数の選択オプションにあります。複数の値を選択すると、常に最初に選択した値が渡されます。 –

関連する問題