Question

我有两个选择：

<select name="iam" id="iam">
    <option value="">Select</option>
    <option value="1">Driver</option>
    <option value="2">Traveler</option>
    <option value="3">Sender</option>
</select>   
<select name="look" id="look">
    <option value="">Выберайте</option>
    <option value="1" id="driver">Driver</option>
    <option value="2" id="traveler">Traveller</option>
    <option value="4" id="post">Post</option>
</select>

这是有效的，但在加载页面时它无效。我想在验证过程中显示第二次选择是否第一次选择有值

$('#iam').on('load change selected blur', function() {
  $('#look').prop('selectedIndex', 0);
  if ($(this).val() == 1) {
    $("#look").show();
    $("#look #driver").hide();
    $("#look #traveler").show();
    $("#look #post").show();
  } else if ($(this).val() == 2) {
    $("#look").show();
    $("#look #driver").show();
    $("#look #traveler").hide();
    $("#look #post").show();
  }
})

Answer 1

$('#iam').on('load change selected blur', function() {
        $('#look').prop('selectedIndex',0);
        if ($(this).val() == 1) {
            $("#look").show(); 
            $("#look #driver").hide();
            $("#look #traveler").show();
            $("#look #post").show();
        } else if ($(this).val() == 2) {
            $("#look").show(); 
            $("#look #driver").show();
            $("#look #traveler").hide();
            $("#look #post").show();
        } 
 }


$('#iam').change();

在页面加载的第一个下拉列表中调用更改方法。

如何通过第一个选择值onload进行第二次选择

1 个答案: