Скрытие выделенного текста с помощью js - PullRequest
0 голосов
/ 06 февраля 2012

У меня есть опция выбора, как показано ниже. Значения создаются динамически. Есть ли способ скрыть цены с помощью js / jquery?

Имейте в виду, что я не могу получить доступ к тексту, поэтому я не могу обернуть цену в промежуток и установить отображение: нет

<label for="input_1_33">Condition</label>
<select tabindex="2" name="input_33">
<option value="Please Select|" price="">Please Select</option>
<option value="Poor|-5" price="-£ 5.00">Poor -£ 5.00</option>
<option value="Average|0" price="">Average</option>
<option value="Good|5" price="+£ 5.00">Good +£ 5.00</option>
<option value="Excellent|10" price="+£ 10.00">Excellent +£ 10.00</option>
</select>

Так это выглядит так:

<label for="input_1_33">Condition</label>
<select tabindex="2" name="input_33">
<option value="Please Select|" price="">Please Select</option>
<option value="Poor|-5" price="-£ 5.00">Poor</option>
<option value="Average|0" price="">Average</option>
<option value="Good|5" price="+£ 5.00">Good</option>
<option value="Excellent|10" price="+£ 10.00">Excellent</option>
</select>

Заранее спасибо

Ответы [ 2 ]

3 голосов
/ 07 февраля 2012

Вот очень краткий способ сделать то, что вам нужно: jsFiddle

jQuery:

$('select[name="input_33"] option:gt(0)').each(function(){
    $(this).text( ($(this).text().split(' ')[0]) );
});
0 голосов
/ 07 февраля 2012

Назначьте идентификатор для выбора, а затем следующее в блоке сценария:

<script language="javascript" type="text/javascript">
    $(document).ready(function () {
        $("#input_33").each(function () {
            $('option', this).each(function () {
                var option = this;
                var space = option.text.indexOf(" ");
                if (space > -1) {
                    option.text = option.text.substring(0,space);
                }

            })

        });
    });
</script>

РЕДАКТИРОВАТЬ: Как вы можете видеть, что я делаю, чтобы найти пространство в каждом элементе опции, а затем вырезать строку, где он находит пространство. Это заставит «Пожалуйста, выберите» читать «Пожалуйста», но вы получите дрейф.

Удачи!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...