将值添加到带有表单的下拉菜单

-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

将值添加到带有表单的下拉菜单

回答

相关问题