显示输入字段与jquery

我想显示输入到div的所有值。我想我的最终输出看起来像这样：显示输入字段与jquery

startmsg middlemsg *NAME-FROM-SELECT-MENU* endmsg *TEXT-FROM-INPUT-FIELD*

这里是我的代码：

<select id="names"> 
    <option value=""></option> 
    <option value="Alex">Alex</option> 
    <option value="Jeff">Jeff</option> 
    <option value="Amy">Amy</option> 
    <option value="Kate">Kate</option> 
</select> 
<input id="message" type="text" /> 
<input id="clear" type="submit" value="Clear" /> 
<div id="display"></div> 


$('#names')('#message').keyup(function() { 
    $('#display').append('starmsg').append('middlemsg').text($(this).val().append('endmsg')); 
});

来源

2011-05-21 sarsar

有一个问题在这里？ – 2011-05-21 08:22:45

我看你的代码是不是太遥远。您需要多重选择器，并且可能还需要change事件而不是keyup。您还需要调用append jQuery的对象，而不是字符串：

$('#names, #message').change(function() { 
    $('#display') 
     .text('startmsg ') 
     .append(' middlemsg ') 
     .append($('#names').val()) 
     .append(' endmsg ') 
     .append($('#message').val()); 
});

来源

2011-05-21 08:22:57 lonesomeday

感谢那正是我想要完成的。唯一的事情是'startmsg'和'middlemsg'不出现http://jsfiddle.net/yvTNc/5/ – sarsar 2011-05-21 08:29:45

@sarsar查看更新。 'text'覆盖现有的内容; 'append'增加了它。 – lonesomeday 2011-05-21 08:36:01

谢谢。如何通过点击按钮同时清除#display，#message和#names？ – sarsar 2011-05-21 09:01:35

由于您使用jQuery的，我建议在输入和。每个标签的选择

请参阅以下链接了解更多信息，它完全符合您的需求。

jQuery .each

来源

2011-05-21 08:18:21

这是你所追求的http://jsfiddle.net/DUytH/

function update(){ 
    $('#display') 
     .text('start ' + 
       $('#message').val() + 
       ' end ' + 
       $('#names').val()); 
} 
$('#message').keyup(update); 
$('#names').change(update);

来源

2011-05-21 08:31:30

显示输入字段与jquery

回答

相关问题