Question

多个下拉复选框无法正常工作。始终将第一个参数设为undefined，并始终onchange获取第一个复选框值。

<select name="multicheckbox[]" multiple="multiple" class="4colactive" onchange="selectsearch(this.selected,'property_type',this.value);">
    <option value="AK">Alaska</option>
    <option value="AZ">Arizona</option>
    <option value="AR">Arkansas</option>
    <option value="CA">California</option>
    <option value="CO">Colorado</option>
    <option value="CT">Connecticut</option>
    <option value="DE">Delaware</option>
</select>

我在onchange下拉列表时调用的java脚本代码。

function selectsearch(val2,val1,state_id){
    var title=state_id;
    alert(val2);
    alert(val1);
    alert(state_id);
    $.ajax({
        url: '<?php echo base_url(); ?>index.php/property/propertysearch',
        data: {'title':title,'name':val1,'status':val2 }, // change this to send js object
        type: "post",
        success: function(data){
            //document.write(data); just do not use document.write
            console.log(data);
            document.getElementById('search').innerHTML = data; 
            document.getElementById('search').style.display  = 'block'; 
            document.getElementById("search1").style.display = 'none';
        },
        error: function(){
            alert("Fail")
        }
    });
}

Answer 1

您需要使用oninput而不是onchange来<select>输入。

<select oninput="console.log('test')">
  <option value="AK">Alaska</option>
  <option value="AZ">Arizona</option>
  <option value="AR">Arkansas</option>
  <option value="CA">California</option>
  <option value="CO">Colorado</option>
  <option value="CT">Connecticut</option>
  <option value="DE">Delaware</option>
</select>

多个复选框下拉列表onchange（）无效

1 个答案: