將值添加到帶有表單的下拉菜單

-4

有沒有方法可以用簡單的表單在下拉菜單中插入值？我有這個下拉菜單將值添加到帶有表單的下拉菜單

<form> 
    <select name="users" onchange="showUser(this.value)"> 
    <option value="">Select a category:</option> 
    <option value="movie">Movie</option> 
    <option value="musik">Musik</option> 
    <option value="books">Books</option> 
    <option value="images">Images</option> 
    </select> 
</form>

我應該使用數組嗎？我一直在尋找網絡，但找不到任何有用的東西。

來源

2012-07-14 Dymond

這是什麼意思？什麼形式？你如何添加它們？客戶端與Javascript？ – 2012-07-14 13:53:07

現在我只是將它們添加到代碼中，我希望能夠使用簡單的表單來添加其他值。 Java腳本應該這樣做，但我真的不知道如何 – Dymond 2012-07-14 13:54:06

@FelipeOtarola如果你想使用Javascript，那麼標記你的問題，而不是PHP。另外，你的評論並沒有很清楚你的問題。 – 2012-07-14 13:56:58

這裏是一個JavaScript的解決方案將項目添加到一個下拉。

的HTML使用..

<form> 
    <select id="categories" name="users" onchange="showUser(this.value)"> 
    <option value="">Select a category:</option> 
    <option value="movie">Movie</option> 
    <option value="musik">Musik</option> 
    <option value="books">Books</option> 
    <option value="images">Images</option> 
    </select> 
    </form>

JavaScript代碼...

var categories = document.getElementById("categories"); 

var newOption = document.createElement('option'); 
newOption.innerText = "New value"; 
newOption.setAttribute('value', 'newvalue'); 

categories.appendChild(newOption);

jQuery代碼...（短了很多）

$("#categories").append("<option value='newvalue'>New Value</option>");

這裏是JavaScript JSFiddle和jQuery JSFiddle一起玩！

來源

2012-07-14 13:55:31

正是我在找什麼，非常感謝 – Dymond 2012-07-14 14:01:57

你可以看看jQuery的append()和option()與click事件...

我剛剛創建了一個有效的解決方案爲您服務。不知道如果這是你在找什麼，但是這是它如何工作的：
您只需只寫值和視覺選項名稱到一個表單文本字段：value, text它給你這樣的：
<option value="value">text</option>

<select id="mySelect"></select> 
<p>&nbsp;</p> 
<input type="text" id="string"><br> 
<button id="append">Append</button> 


$('#append').click(function(){ 
    var str = $('#string').val(); 
    var substr = str.split(', '); 
    $('#mySelect').append(new Option(substr[0],substr[1])); 
});

這裏是一個工作版本：http://jsfiddle.net/SCf8m/1/

來源

2012-07-14 13:53:41 ThomasK

將值添加到帶有表單的下拉菜單

回答

相關問題