JavaScript将参数this.value传递给函数

Question

这是我的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>

帮我解决这个问题...

Answer 1

将字符串'getClientName.jsp?ProjectId=6'更改为

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

要么

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

但我认为第一个是与浏览器更兼容。

Answer 2

var selectBox = document.getElementById('project_name');
selectBox.addEventListener('change', function() { 
  sendRequest('GET', 'getClientName.jsp?ProjectId=' + this.value); 
});

Answer 3

这将帮助您获取选定的选项值。 尝试此链接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>

JavaScript将参数this.value传递给函数

问题描述

3 个解决方案

解决方案1
7 已采纳 2012-09-25 05:33:01

解决方案2
2 2012-09-25 05:35:04

解决方案3
0 2012-09-25 05:45:46

JavaScript将参数this.value传递给函数

问题描述

3 个解决方案

解决方案1 7 已采纳 2012-09-25 05:33:01

解决方案2 2 2012-09-25 05:35:04

解决方案3 0 2012-09-25 05:45:46

解决方案1
7 已采纳 2012-09-25 05:33:01

解决方案2
2 2012-09-25 05:35:04

解决方案3
0 2012-09-25 05:45:46