Question

选择框1

<select name="slt_drop1" id = "slt_drop1">
<option value ="0">----------</option>
...........
</select>

选择方框2

<select name="slt_drop2" id = "slt_drop2">
<option value ="0">----------</option>
...........
</select>

选择方框3

<select name="slt_drop3" id = "slt_drop3">
<option value ="0">----------</option>
...........
</select>

选择方框4

<select name="slt_drop4" id = "slt_drop4">
<option value ="0">----------</option>
...........
</select>

在HTML表单中，如果用户选择的值为＆＃34; 0＆＃34;即（默认值）在任何一个选择按钮中，它应该在选择按钮附近显示消息，＆＃34;请选择正确的值＆＃34;例如，如果slt_drop3的值是＆＃34; 0＆＃34;它应该在slt_drop3选择选项附近发出警报。应该为单个按钮显示消息，而不是常见警报。

Answer 1

也许这就是你想要的？ Demo

"setAdapter(android.widget.ListAdapter) in TwoWayView cannot be cast to RewardListViewAdaptor"

Answer 2

你在项目中使用jQuery吗？我认为当你改变select的值并验证它时你可以听：

$(function() {
    $('select').on('change', validate);

    function validate(e) {
      var select = $(e.currentTarget);
      var id = select.attr('id');
      var val = select.val();
      if (val === '0') {
        showMessage(id);
      } else {
        hideMessage(id);
      }
    }

    function showMessage(id) {
      $('.message[data-select-id="' + id + '"]').show();
    }

    function hideMessage(id) {
      $('.message[data-select-id="' + id + '"]').hide();
    }
});

为每个选择标记附近的消息添加块，并在必要时显示

<select name="slt_drop1" id = "slt_drop1">
<option value ="0">----------</option>
...........
</select>
<div class='message' data-select-id='slt_drop1'>please select the correct value</div>

Answer 3

为每个SELECT元素添加一个公共类。
使用jQuery选择与该类匹配的元素。
将更改事件绑定到选择器并应用逻辑来检查＆＃34; 0＆＃34;值

＆＃13;

$(document).ready(function() {
            $('select.is-valid').change(function() {
                var $el = $(this);

                if($el.val() == 0) {
                    $el.after('<div>Select a different value</div>');
                }
            });
        });

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name="test[]" class="is-valid">
    <option value="0">---</option>
    <option value="1">1</option>
</select>

<select name="test[]" class="is-valid">
    <option value="0">---</option>
    <option value="1">1</option>
</select>

<select name="test[]" class="is-valid">
    <option value="0">---</option>
    <option value="1">1</option>
</select>

＆＃13;

这是您尝试实现的基本示例。实际的元素/验证位置取决于您。我建议做一个＆＃34;提交＆＃34;按钮检查验证，但我假设你知道如何做到这一点。

验证多个选择框

3 个答案: