0

現在、次の選択リストがあります。

<select name="input_3" id="input_2_3" class="medium gfield_select" tabindex="3">
    <option value=" ">-- Select an Image --</option>
    <option value="mysite.com/wp-content/uploads/2013/11/wedding_3.jpg">wedding 3</option>
    <option value="mysite.com/wp-content/uploads/2013/11/wedding_2.jpg">wedding 2</option>
    <option value="mysite.com/wp-content/uploads/2013/11/wedding_1.jpg">wedding 1</option>
</select>

この現在の選択/ドロップダウン リストを jQuery と一緒に使用すると、この選択リストを document.ready 関数内で転置して、<select>...</select>代わりにタグ間にすべてを配置するには、次のようにします。

<select name="input_3" id="input_2_3" class="medium gfield_select" tabindex="3">
    <option value=" ">-- Select an Image --</option>
    <option value="wedding 3" title="mysite.com/wp-content/uploads/2013/11/wedding_3.jpg">wedding 3</option>
    <option value="wedding 2" title="mysite.com/wp-content/uploads/2013/11/wedding_2.jpg">wedding 2</option>
    <option value="wedding 1" title="mysite.com/wp-content/uploads/2013/11/wedding_1.jpg">wedding 1</option>
</select>

基本的に、以前は value="mysite.com/..." だったものは title="mysite.com/..." になり、値は "wedding 3" などのオプション ラベルと等しくなるはずです。

注: 最初の value= " " は無視したいと思い<option>ます。これは同じままにする必要があるためです。

4

2 に答える 2

1

関数を取るattr()の形式に依存する基本的なソリューションを次に示します。

$(".gfield_select > option:gt(0)").attr("title", function() {
    return this.value;
}).attr("value", function() {
    return $(this).text();
});
于 2013-11-14T14:55:56.387 に答える