新しいレコードを追加する可能性のある選択ボックス

Question

私にはさまざまなオプションの選択ボックスがあります。あなたは何かをテキスト化することができ、自動的に一致するものを検索します。一致するものが見つからない場合は、新しいレコードを追加することができる「+」ボタンのようなものを作成したいと考えています。だから私は自分のデータベースを検索し、見つからなければ新しいレコードを追加したい。私はjQueryの経験はあまりありませんでしたが、解決策があると思います。

Answer 1

が、これはあなたがボックスを選択して、この隠しを維持するだけで次の新しいボタンを作成することができます

1. 参考になるかもしれませ。
2. 値が一致しない場合は、表示することができます。そして、ユーザーがデータベース内のこのbuttn push searchboxの値をクリックすると、次回は利用できるようになります。

Answer 2

[追加]ボタンをクリックすると、データベースに新しいデータを追加するためにajax呼び出しを行う必要があります。 IDです：それはあなたが新しいオプションを作成し、選択フィールドにそれを追加する必要がありますする必要が追加されると.. 次のコードスニペットは、

データ[「idは」]}あなた

function addDataToDatabase(value_to_be_add){ 
$.ajax({ 
    type:"POST", 
    url : 'addToDatabase.php', 
    data:{data:value_to_be_add}, 
    dataType: 'json', 
    success: function(data){ 
    if(data['success']=='true'){ 
     var new_option = '<option value="'+data['id']+'">' + value_to_be_add + '</option>'; 
     $('#select_field_id').append(new_option); 
    }else{ 
     alert("fail to add to database"); 
    } 
    } 
}); 

を助けるかもしれ このajax呼び出しで追加されたデータ

Answer 3

検索条件に基づいて、空のオブジェクトを返すデータが見つからない場合、検索パラメータをサーバに送信します。空の応答に基づいて、ちょうど隠された追加（+）ボタンを有効にし、追加ボタン選択した新しい値をクリックした後、あなたがこれまでに試してみました何のコード

function SelectElement(val) 
{  
    var el= document.getElementById('selBox'); 
    el.value = val; 
}