获取jQuery selectmenu的值并运行javascript onchange
我有一个Javascript获取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";
<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();
});