0

我发现对于一个简单的自定义选择框来说,这是一个非常棒的解决方案——它工作得很好,但它只适用于一个选择框。在过去的 2 或 3 个小时里,我一直在修补它,但我无法终生弄清楚它是否适用于所有自定义选择。

问题是这行代码非常具体 - 我需要它来输出应该对应用它的选择框唯一的文本

 $(".out").text(str);

这是完整的代码:

$('select[name=Listing_Price_Max]').change(function () {
    var str = "";
    str = $(this).find(":selected").text();
    $(".out").text(str);
}).trigger('change'); 

感谢 Sanddip 提供的有用解决方案https://stackoverflow.com/a/16145673/1108360 - 我只需要从中获得更多信息。任何帮助将不胜感激,谢谢!

4

2 回答 2

3

您可能希望这样做:

 $(this).next(".out").text(str); //Select the div that is next to the selectBox

只要你的结构是这样的:

<div class="selectdiv">
    <select class="selectboxdiv">
        <option>choose preset...</option>
        <option>two</option>
        <option>something</option>
        <option>4</option>
        <option>5</option>
    </select>
    <div class="out">XCZXCzxcxz</div>
</div>

演示

.next()

于 2013-06-12T19:05:25.327 回答
0

如果要使用 jquery 创建自定义选择框。您可以在不使用任何第三方大型插件的情况下执行此操作。

您可以使用小型 css 代码对其进行主题化。

我发现这个链接对于使用 jquery 创建自定义选择框非常有用

http://www.codeinsects.com/stylize-your-select-box-using-jquery-custom-plugin.html

于 2013-08-12T05:37:31.403 回答