-1

我这里有 3 个组合框，当单击查找按钮（使用 ajax）时，将在这些组合框中选择值。这里我们有一个 onclick 函数 lookupVIN()。点击此按钮时，car-year、car-model 和 car-make 组合框将选择一个特定的值，该值对应于在 car-vin 输入框中输入的值。

<input class="frmIn" size="30"  name="car-vin" id="car-vin" type="text" value="<?php echo $vr_vn; ?>" />
<input onclick="lookupVIN()" name="btnVin" type="button" value="Lookup" />
                      <br/>
                      <div id="vinDet" style="line-height: 20px; margin-bottom: 10px; margin-top: 10px;"></div></td>
          </tr>
                  <tr>
            <td>Year</td>
            <td>

        <select name="car-years" id="car-years">

          </select></td>
      </tr>
              <tr>
        <td>Make</td>
        <td><select name="car-makes" id="car-makes">

          </select></td>
      </tr>
              <tr>
        <td>Model</td>
        <td><select name="car-models" id="car-models">
          </select></td>
      </tr>

我必须用存储在表（数据库）中的值预填充这些组合框。我怎样才能使用 jquery ajax 来做到这一点。提前致谢。

4

2 回答 2

1 
function lookupVIN() {
  var vin = $('input[name="btnVIN"]').val();
  $.post('{url/to/json/response/}', {'vin': vin}, function (data) {
    var year = data.year,
        make = data.make,
        model = data.model;
    $('#car-years').find('option[value="' + year + '"]').prop('selected', true);
    $('#car-make').find('option[value="' + make + '"]').prop('selected', true);
    $('#car-model').find('option[value="' + model + '"]').prop('selected', true);
  });
}
于 2012-09-10T04:45:49.677 回答
0

我不确定您要问什么，但请看一下http://www.electrictoolbox.com/jquery-add-option-select-jquery上的示例“添加多个选项”，因为这似乎至少你在问什么。

于 2012-09-10T04:40:59.973 回答