Question

如何重置我的自定义SELECT标签？我的代码不起作用。

<select id="choice_moment" name="choice_moment" class="styled">
    <option value="Pas de préférence">No preference</option>
    <option value="Morning">Morning</option>
    <option value="Afternoon">Afternoon</option>
    <option value="Evening">Evening</option>
</select>

<button id="btn-validate" type="submit">Reset</button>

$("#btn-validate").click(function() {
    $('#choice_moment').prop('selectedIndex', 0);
});

Answer 1

看看你的jsfiddle，你的代码可能会起作用。问题是您正在使用javascript重新创建选择框。

我添加了一行＆＃34;重置＆＃34;你的假选择框，但可能有更好的方法来做到这一点。

http://jsfiddle.net/abXAH/23/

$("#btn-validate").click(function() {
    $('#choice_moment').val('Pas de préférence');
    $('.styledSelect').text('No preference');
});

Answer 2

必须有一些东西阻止您的代码工作。使用这一行可以正常工作

  $("#btn-validate").click(function() {    
       $('#choice_moment').val("Pas de préférence");
  });

http://jsfiddle.net/Xroad/abXAH/2/

使用jQuery重置我的自定义SELECT标记

2 个答案: