Выбор параметра выбора с помощью jquery не работает

Проверьте этот JSFiddle, чтобы увидеть мою проблему.

Я выбираю время из td и хочу выбрать вариант из раскрывающегося списка на основе этого.

Он отлично работает в IE8 и ниже. Но не работает в Chrome и IE9.

HTML

<table>
    <tr>
        <td id="time">
            11:20:12
        </td>
    </tr>
</table>

<select id="StartHour" name="DateRangeFromSeconds">
    <option value="00">00</option>
    <option value="01">01</option>
    <option value="02">02</option>
    <option value="03">03</option>
    <option value="04">04</option>
    <option value="05">05</option>
    <option value="06">06</option>
    <option value="07">07</option>
    <option value="08">08</option>
    <option value="09">09</option>
    <option value="10">10</option>
    <option value="11">11</option>
    <option value="12">12</option>
    <option value="13">13</option>
    <option value="14">14</option>
    <option value="15">15</option>
    <option value="16">16</option>
    <option value="17">17</option>
    <option value="18">18</option>
    <option value="19">19</option>
    <option value="20">20</option>
    <option value="21">21</option>
    <option value="22">22</option>
    <option value="23">23</option>
    <option value="24">24</option>
    <option value="25">25</option>
    <option value="26">26</option>
    <option value="27">27</option>
    <option value="28">28</option>
    <option value="29">29</option>
    <option value="30">30</option>
    <option value="31">31</option>
    <option value="32">32</option>
    <option value="33">33</option>
    <option value="34">34</option>
    <option value="35">35</option>
    <option value="36">36</option>
    <option value="37">37</option>
    <option value="38">38</option>
    <option value="39">39</option>
    <option value="40">40</option>
    <option value="41">41</option>
    <option value="42">42</option>
    <option value="43">43</option>
    <option value="44">44</option>
    <option value="45">45</option>
    <option value="46">46</option>
    <option value="47">47</option>
    <option value="48">48</option>
    <option value="49">49</option>
    <option value="50">50</option>
    <option value="51">51</option>
    <option value="52">52</option>
    <option value="53">53</option>
    <option value="54">54</option>
    <option value="55">55</option>
    <option value="56">56</option>
    <option value="57">57</option>
    <option value="58">58</option>
    <option value="59">59</option>
</select>

JQuery

var s=$('#time').html().split(':');
alert(s[0]); // I'm getting the value here. How can I set this value in the drop down list?
$("#StartHour option[value='" +s[0] + "']").attr('selected', 'selected');

javascript jquery option
person Null Pointer    schedule 17.10.2011    source источник

Ответы (5)


arrow_upward
2
arrow_downward

Когда вы вызываете .html() для получения содержимого ячейки таблицы, вы также получаете все начальные и конечные пробелы. как текст, который вас интересует; также на всякий случай следует использовать .text() вместо .html(). Итак, просто удалите пробелы, используя replace:

var s = $('#time').text().replace(/\s/g, '').split(':');

Демонстрация: http://jsfiddle.net/ambiguous/xmgAu/

person mu is too short    schedule 17.10.2011
comment
text() не сработало. Но данное решение сработало. Спасибо. - person Null Pointer; 17.10.2011
comment
@Null: в данном решении используются text() и replace. - person mu is too short; 17.10.2011
comment
хорошо :) извините .. Я думал, что получу ответ только с использованием text() без использования replace .Еще раз спасибо - person Null Pointer; 17.10.2011

arrow_upward
1
arrow_downward

Это правильный способ установить значение элемента выбора раскрывающегося списка:

var s=$('#time').html().split(':');
alert(s[0]); // here i am getting value .. How can i set this value in drop down list
$("#StartHour").val(s[0]);
person Vlad Balmos    schedule 17.10.2011

arrow_upward
1
arrow_downward

использование .html или .text не имеет значения. Дело в том, что вы должны удалить пробелы и установить значение с помощью $("#id").val(index). Итак, ваш исправленный код выглядит следующим образом:

var s = $('#time').html().replace(/\s/g, '').split(':');//white space removed
alert(s[0]); // here i am getting value
$("#StartHour").val(s[0]); //Here i am setting this value in drop down list

Это должно работать. Я уже протестировал это на jsfiddle.net.

person bilash.saha    schedule 17.10.2011

arrow_upward
0
arrow_downward

Пытаться

$("#StartHour").val(s[0]);
person Matt Tew    schedule 17.10.2011

arrow_upward
0
arrow_downward

попробуй это

$("#StartHour").val(parseInt(s[0]));

вместо

$("#StartHour option[value='" +s[0] + "']").attr('selected', 'selected');
person erimerturk    schedule 17.10.2011