Question

我有一个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>

的jQuery

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

和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的背景

我无法找出问题所在。请问有人帮帮我吗？

Answer 1

获取所选菜单的值：

$("#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;
        }
    }

Answer 2

从html中删除onchange（）。并创建适当的Html，如下所示。根据您的设计和要求。

<table>
   <tr>
      <td> 
      </td>
      <td>
      </td>
  </tr>
</table>

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;
        }
    }

Jquery的： -

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

获取jQuery selectmenu的值并运行javascript onchange

2 个答案: