1

これが私のjavascriptコードです。現在選択されているオプションの値をjs関数に渡したいのですが、このコードでは静的番号6を使用しました。

<select name='project_name' class='required input_field' id='project_name' onchange="sendRequest('GET','getClientName.jsp?ProjectId=6')">
<option value=''>-- Select --</option>
<option value="1">Project 1</option>
<option value="2">Project 2</option>
<option value="3">Project 3</option>
</select>

これを解決するのを手伝ってください...

4

3 に答える 3

7

'getClientName.jsp?ProjectId=6'文字列を次のように変更します

'getClientName.jsp?ProjectId=' + this.options[this.selectedIndex].value)

また

'getClientName.jsp?ProjectId=' + this.value)

しかし、最初のものはブラウザとの互換性が高いと思います。

于 2012-09-25T05:33:01.700 に答える
2 
var selectBox = document.getElementById('project_name');
selectBox.addEventListener('change', function() { 
  sendRequest('GET', 'getClientName.jsp?ProjectId=' + this.value); 
});
于 2012-09-25T05:35:04.947 に答える
0

選択したオプション値を取得するのに役立ちます。このリンクhttp://jsfiddle.net/xyaaa/9/を試してください。

<html>
     <head>
         <script>
          function getOption(t){
               var val;
                var options = t.options;
                for(var i=0,len=options.length;i<len;i++){
                     var option = options[i];
                     if(option.selected){
                         val = option.value;
                     }
                }
                return val;
            }
             function  sendRequest(method , url){
                   console.log(url);
             }
    </script>
    </head>
            <body>
                <select onchange="var x=getOption(this);sendRequest('GET','getClientName.jsp?ProjectId='+x)">
                    <option value="1">Project 1</option>
                    <option value="2">Project 2</option>
                    <option value="3">Project 3</option>
                </select>
    </body>
</html>
于 2012-09-25T05:45:46.670 に答える