<td style='text-align:right'>
<select id="dtimeval" style="width:80px; ">
<option value="5"> 每5秒</option>
<option value="10"> 每10秒</option>
<option value="15"> 每15秒</option>
<option value="20"> 每20秒</option>
</select>
</td>
<input type="button" value="测试按钮1">
<input type="button" value="测试按钮2">
如何写一个js函数来控制id=dtimeval？
也就是点击测试按钮1让id=dtimeval变灰不可点击，
然后点击测试按钮2让id=dtimeval变回正常可点击。。。
2 个解决方案
#1
$("#input1").bind('click', function(){
$("#dtimeval").attr('disable', true);
});
$("#input2").bind('click', function(){
$("#dtimeval").attr('disable', false);
});
#2
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
body{margin:0;}
</style>
<script>
function test(id,state)
{
var current = document.getElementById(id);
current.disabled = state;
}
</script>
</head>
<body>
<select id="dtimeval" style="width:80px; ">
<option value="5"> 每5秒</option>
<option value="10"> 每10秒</option>
<option value="15"> 每15秒</option>
<option value="20"> 每20秒</option>
</select>
<input type="button" value="测试按钮1" onClick="test('dtimeval',true);">
<input type="button" value="测试按钮2" onClick="test('dtimeval',false);">
</body>
</html>
#1
$("#input1").bind('click', function(){
$("#dtimeval").attr('disable', true);
});
$("#input2").bind('click', function(){
$("#dtimeval").attr('disable', false);
});
#2
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
body{margin:0;}
</style>
<script>
function test(id,state)
{
var current = document.getElementById(id);
current.disabled = state;
}
</script>
</head>
<body>
<select id="dtimeval" style="width:80px; ">
<option value="5"> 每5秒</option>
<option value="10"> 每10秒</option>
<option value="15"> 每15秒</option>
<option value="20"> 每20秒</option>
</select>
<input type="button" value="测试按钮1" onClick="test('dtimeval',true);">
<input type="button" value="测试按钮2" onClick="test('dtimeval',false);">
</body>
</html>