如何使用 jquery 添加文本到 span

发布于 2024-12-06 19:07:32 字数 394 浏览 0 评论 0原文

我正在尝试将组合框的选定值添加到其前面的范围中。但失败太悲惨了。我正在尝试使用以下代码：

<span></span><select multiple ="multiple" ondblclick="$(this).css('display','none').prev().css('display','inline').addClass('sss').html($(this).val());">....</select>

这里有什么错误？我怎样才能轻松做到呢？

我希望它在双击事件中触发。因为双击组合框的选项后，它应该消失，选定的文本应该出现在跨度中

，当然我忘记告诉我的选择框不是选择框。它是一个列表框。即多个=“多个”

原文

I am trying to add the selected value of combo box to its preceding span. but it failed too sad.
I am trying with following code:

<span></span><select multiple ="multiple" ondblclick="$(this).css('display','none').prev().css('display','inline').addClass('sss').html($(this).val());">....</select>

What's the error here? how can i do it easily?

I want it to trigger in double click event. as after double clicking on option of combo box it should disappear and selected text should appear in span

and of course i forgot to tell that my select box is not selectbox. its a lisstbox. i.e multiple="multiple"

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

情仇皆在手 2024-12-13 19:07:32

尝试类似：

$('select').change(
    function() {
        $(this).prev('span').addClass('sss').text($(this).val());
    });

JS Fiddle 演示。

参考文献：

Try something like:

$('select').change(
    function() {
        $(this).prev('span').addClass('sss').text($(this).val());
    });

JS Fiddle demo.

References:

回复收藏 0 原文

ま昔日黯然 2024-12-13 19:07:32

您需要在 select 标记中放置一个 option 。

<span></span>

<select>
    <option>Something</option>
</select>

~~$('select').click(function(){ $(this).css('display','none') .prev() .css('display','inline') .addClass('sss') .html($(this).val()); });~~

示例： http://jsfiddle.js网/jasongennaro/AKa9b/

编辑

根据评论not work in context of multiple option，我修改如下：

$('select').change(function(){
    $('select option:selected').each(function(){
       $(this).parent().css('display','none')
      .prev()
      .css('display','inline')
      .addClass('sss')
      .html($(this).val());
    });
});

第二个示例： http://jsfiddle.net/jasongennaro/AKa9b/2/

You need to put an option in your select tag.

<span></span>

<select>
    <option>Something</option>
</select>

~~$('select').click(function(){ $(this).css('display','none') .prev() .css('display','inline') .addClass('sss') .html($(this).val()); });~~

Example: http://jsfiddle.net/jasongennaro/AKa9b/

EDIT

Based on the comment not working in context of multiple option, I revised as follows:

$('select').change(function(){
    $('select option:selected').each(function(){
       $(this).parent().css('display','none')
      .prev()
      .css('display','inline')
      .addClass('sss')
      .html($(this).val());
    });
});

Second example: http://jsfiddle.net/jasongennaro/AKa9b/2/

回复收藏 0 原文

~没有更多了~