Question

我有一个带按钮的文字输入。当我填写输入并单击按钮时，我想将该信息添加到选择中。请任何人都可以帮助，我无法在任何地方找到一个例子。

Input & button
<input id="new_menu_name" type="text" name="new_menu_name" placeholder="Please enter your menu title">
<input class="add_menu_item" name="add_menu_item" value="Add" type="button">

Select
<select name="menu_items" id="menu_items" size="8" multiple="multiple" style="height:200px; width:250px;">      
</select>

我尝试过使用这个脚本但没有运气

$(document).ready(function() {
    $(".add_menu_item").click(function(){
 $('#menu_items').
      append($("<option></option>").
      attr("value").
      text(value)); 
    });

的jsfiddle http://jsfiddle.net/clintongreen/XDqQL/

Answer 1

尝试将attr("value").text(value)更改为attr("value",value)

Answer 2

将其更改为attr("value", value)。 attr("value")返回属性的值。

Answer 3

当您致电attr时，您实际上并未设置值：您正在检索value属性的当前值。您应该使用val函数来设置值：

$(".add_menu_item").click(function () {
    $('#menu_items').append(
        $("<option></option>").val(value).text(value)
    );
});

现在我已经看到了您的完整代码，很明显另一个问题是您没有设置value变量。我想你可能想要this：

$(".add_menu_item").click(function () {
    var value = $(this).prev().val();
    $('#menu_items').append(
        $("<option></option>").val(value).text(value)
    );
});

（另外我也改变了使用jQuery而不是Mootools的小提琴。）

jQuery显示输入数据内部选择点击

3 个答案: