我有一个充满选项的选择下拉列表,然后我有两个收音机,就像这样...
<form>
<select id="drop_down">
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
<option value="4">Four</option>
</select>
<div id="radios">
<input type="radio" value="blue" id="blue" name="radio_option">Blue</input>
<input type="radio" value="green" id="green" name="radio_option">Green</input>
</div>
</form>
我的目标是,一旦用户在下拉菜单中进行选择,然后选择单选按钮...则选择下拉菜单将(由于缺乏更好的用语)“锁定”,从而阻止用户返回并进行更改他们的下拉选择。
我知道jQuery中有一种方法可以实现这一目标...但是我还没有找到一种方法...
到目前为止,这是我的jQuery(这是错误的)...我不确定在$('#drop_down')
...之后应该发生什么事件。
$('#radios').change(function(){
$('#drop_down').removeProp(select);
});
我意识到这可能是一个简单的解决方案...我只是在jQuery Docs中找不到合适的事件处理程序...
在无线电输入更改状态时,将属性添加disabled
到select
元素。并disabled
在提交表单时删除属性,以允许输入内容被发送。
$('#radios input').change(function(){
$('#drop_down').prop('disabled', true);
});
$('form').on('submit', function() {
$(this).find('#drop_down').removeAttr('disabled');
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form action="" method="post">
<select id="drop_down">
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
<option value="4">Four</option>
</select>
<div id="radios">
<input type="radio" value="blue" id="blue" name="radio_option">Blue</input>
<input type="radio" value="green" id="blue" name="radio_option">Green</input>
</div>
<button type="submit">Submit</button>
</form>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句