3

http://netboy.pl/demo/jquery-bar-rating/examples/から - 10 本のバーを使用する最初の評価システムを使用しています。ただし、デフォルトでオプションがまったく選択されていない (つまり、バーがない) ことを望みます。現在、デフォルトの選択はオプション #1 です - 何か考えはありますか? 空のオプションを追加しようとしましたが、前に別のバーを追加するだけでした (合計 11 本のバーは必要ありません)。10 本のバーが必要ですが、ハイライト/選択されていません。何かご意見は？！？

<div class="input select rating-a">
    <select class="example-a" name="content_rating">
                <option value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
                <option value="4">4</option>
                <option value="5">5</option>
                <option value="6">6</option>
                <option value="7">7</option>
                <option value="8">8</option>
                <option value="9">9</option>
                <option value="10">10</option>
     </select>
</div>
4

7 に答える 7

3

jquery を使用しているので、次のようなことができます。

$('.example-a').prop("selectedIndex", -1);

http://jsfiddle.net/GAXBf/

于 2013-04-14T06:02:11.153 に答える
2

それでも関連する場合。空のオプションを追加できます。

<select id="rating">
   <option value></option>
   <option value="1">1</option>
   <option value="2">2</option>
   <option value="3">3</option>
   <option value="4">4</option>
   <option value="5">5</option>
</select>

これにより、ゼロが埋められた5つの星が得られます。もちろん、これは初期値が定義されていない場合にのみ機能します。

于 2016-07-28T11:28:47.840 に答える
2

URL : http://netboy.pl/demo/jquery-bar-rating/examples/ (この URL は機能していません)

私が間違っていなければ、( http://antenna.io/demo/jquery-bar-rating/examples/ )のようなjquery bar ratingを使用しています。

この jquery バー評価ライブラリでは、バーでデフォルトで選択されている値を設定できません。

<script>
$('#rating').barrating('show', {
    theme: 'bars-1to10',
    deselectable: true
});
</script>

HTML:

<select id="rating">
    <option value=""></option>
    <option value="0">0</option>
    <option value="1">1</option>
    <option value="2">2</option>
    .
    .
    <option value="10">10</option>
</select>

願っています, それはあなたの問題を解決します.

于 2016-06-24T01:57:12.463 に答える
2 
<select id="example">
    <option value=""></option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
</select>
于 2017-03-07T06:55:15.487 に答える