-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>

これらのコンボ ボックスに table(database) に格納されている値を事前に入力する必要があります。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

あなたが何を求めているのか正確にはわかりませんが、少なくともあなたが求めていることの行。

于 2012-09-10T04:40:59.973 に答える