Verknüpfung zwischen Eingabefeld und Dropdown-Feld realisieren

Im Folgenden werde ich Ihnen ein Beispiel für die Echtzeitüberwachung von Eingabefeldern und die Verknüpfung zwischen Eingabefeldern und Dropdown-Feldern vorstellen. Es hat einen guten Referenzwert und ich hoffe, dass es für alle hilfreich ist.

Wie gezeigt:

HTML-Code

<tr>
 <th scope="row">奖励类型：</th>
 <td><input value="" type="text" name="item" id="reward" style="width: 60px;height: 20px;" placeholder="输入关键字" />
  <select name="reward_id" id="reward_id"> 
   <option value="">---请选择---</option>
   {foreach $reward as $value}
   <option value="{$value[&#39;material_id&#39;]}">{$value[&#39;material_name&#39;]}</option>
   {/foreach}
  </select>
 </td>
</tr>

JQuery-Code

<script type="text/javascript">
 $(&#39;#reward&#39;).bind(&#39;input propertychange&#39;, function() {reward();});
 function reward()
 {
  var search = $("#reward").val();
  $.ajax({ 
   type:"get", 
   url:"/mall/config_commodity_info/search_commodity_info", 
   data:{search:search}, 
   success:function(select){ 
     var reward_id = $("#reward_id"); 
     if (select) {
     $("option",reward_id).remove();
     var obj = JSON.parse(select);
     for (var key in obj) {
      var option = "<option value=&#39;"+key+"&#39;>"+obj[key]+"</option>"; 
      reward_id.append(option); 
     }
     } 
   } 
 });
 } 
</script>

PHP-Code

public function add_alms()
{
 $reward = $this->materials->selReward();
 $this->assign('reward',$reward);
 return $this->fetch();
}
public function do_add_alms()
{
 $data = Request::instance()->param();
 $this->alms->addAlms($data);
}

Das Obige habe ich für alle zusammengestellt. Ich hoffe, es wird für alle hilfreich sein Zukunft.

Verwandte Artikel:

So lesen Sie Daten über JSON-Dateien in Vue2.5

Verwenden von http in vue2.5.2 Fordern Sie an, wie es geht Erhalten Sie statische JSON-Daten

Verwenden des Plugins Owlcarousel in der jQuery-Diashow (ausführliches Tutorial)

Fragen dazu in ES6-Pfeilfunktionen?

Welche Möglichkeiten gibt es, echarts3.0 adaptiv in Vue zu verwenden?

Wie kann das Problem des gleitenden Ausfalls dynamisch geladener Daten im Swiper gelöst werden?

Das obige ist der detaillierte Inhalt vonVerknüpfung zwischen Eingabefeld und Dropdown-Feld realisieren. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!