編集可能なコンボボックスJavascriptとHTML

は、私は次のようなことを行う必要があります。JavaScriptの、テキストタイプとselectタグ（コンボボックス）を有するHTML入力タグを使用してを、編集可能なコンボボックスを作成します。編集可能なコンボボックスJavascriptとHTML

コンボボックスを編集可能にする方法がわかりません。私にいくつかの提案をお願いできますか？

私はこのようなコンボボックスを作成しますが、明らかに編集できません：

私はinputタグを使用する必要があります

<html> 
    <label>Your preferred programming language: </label> 
    <select id="combobox"> 
     <option value="">Select one...</option> 
     <option value="ActionScript">ActionScript</option> 
     <option value="AppleScript">AppleScript</option> 
    </select> 
</html>

？

<label>Your preferred programming language: </label> 
<input type="text" id="new_value"/> 
<select id="combobox"> 
    <option value="">Select one...</option> 
    <option value="ActionScript">ActionScript</option> 
    <option value="AppleScript">AppleScript</option> 
</select> 



$("#new_value").keyup(function (e) { 
    if (e.keyCode == 13) { // enter key 
     var value = $(e.currentTarget).val(); // store the value from the input tag 
     var option = $("<option/>");   // create a new option tag 
     option.val(value).text(value);   // set the value attribute as well as the content 
     $("#combobox").append(option);   // insert the new object to the dom 
    } 
});

出典

2016-04-17 DianaM

それは答えを受け入れるか、答えのいずれも適していない場合futher支援をお願いするとよいでしょう:) – deiga

はこのような何かを試してみてください！ :)

<html> 
 
    <label>Your preferred programming language: </label> 
 
    <input type="text" list="combo-options" id="combobox"> 
 
    <datalist id="combo-options"> 
 
     <option value="ActionScript">ActionScript</option> 
 
     <option value="AppleScript">AppleScript</option> 
 
    </datalist> 
 
</html>

出典

2016-04-17 19:41:28 jack

HTML5は、この問題を解決datalist要素が含まれています

出典

2016-04-19 09:44:13 deiga

編集可能なコンボボックスJavascriptとHTML

答えて

関連する問題