获取jQuery selectmenu的值并运行javascript onchange

获取jQuery selectmenu的值并运行javascript onchange,javascript,jquery,html,Javascript,Jquery,Html,我有一个Javascript <script type="text/javascript"> function checkservice() { var val = document.getElementById("select").value; if (!!val) { document.getElementById("okservice").style.backgroundColor = "green";

我有一个Javascript

<script type="text/javascript">
    function checkservice() {
        var val = document.getElementById("select").value;
        if (!!val) {
            document.getElementById("okservice").style.backgroundColor = "green";
            return true;
        } else {
            document.getElementById("okservice").style.backgroundColor = "red";
        return false;
        }
    }
</script>
和HTML

<td class="option">
    <select name="service" id="select" onchange="checkservice()">
          <option value>Select Please</option>
          <option value="1">Repair</option>
          <option value="2">Destroy</option>
    </select>
</td>
        <td id="okservice">
        </td>
我需要获取selectmenu的值并运行javascript来更改okservice的后台

我找不出问题出在哪里。
有人能帮我吗?

要获取所选菜单的值:

$("#select").val();
要更改背景色,此代码可能会帮助您:

 function checkservice() 
    {
        var val = document.getElementById("select").value;
        if (!!val) 
        {
            $("#okservice").css("background","green");
            return true;
        } 
        else 
        {
            $("#okservice").css("background","red");
            return false;
        }
    }

从html中删除onchange。并创建适当的Html,如下所示。取决于您的设计和要求

<table>
   <tr>
      <td> 
      </td>
      <td>
      </td>
  </tr>
</table>
Jquery:-

   $(function() {
    $("#select").change(function() {
    checkservice();
   });
     $( "#select" ).selectmenu();
});

您可以添加一个JSFIDLE吗?我发现当我使用jquery ui selectmenu时,上的onchange参数不起作用,所以我甚至无法启动该函数:-/删除onchange=checkservice并尝试$select.changefunction{checkservice;};不适合我:-我试着运行alertxxx;在checkservice中检查它是否工作,但它不会将代码输出到JSFIDLE上,以便我可以为您更正它
function checkservice() {
        var val = document.getElementById("select").value;
        if (val) {
            document.getElementById("okservice").style.backgroundColor = "green";
            return true;
        } else {
            document.getElementById("okservice").style.backgroundColor = "red";
        return false;
        }
    }
   $(function() {
    $("#select").change(function() {
    checkservice();
   });
     $( "#select" ).selectmenu();
});