Jquery - 从选项值更改值

Question

我已经有了这个：

\U0001F603

但是我希望像这样取消“真实”这个值：

<select id="ListSujet" name="ListSujet">
<option value="514402,True">Copie de Musculation</option>
<option value="514430,True">Gecko Leopard</option>
</select>

如何使用Jquery执行此操作？非常感谢

Answer 1

试试这个：

$("#ListSujet option").each(function(){
  $(this).val($(this).val().split(",")[0]);
  //console.log($(this).val());
});

$("#ListSujet").on("change",function(){
  console.log($(this).val());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<select id="ListSujet" name="ListSujet">
<option value="514402,True">Copie de Musculation</option>
<option value="514430,True">Gecko Leopard</option>
</select>

Answer 2

$.each($("select").find("option"), function() {
  var splitVal = $(this).val().split(",")
  $(this).val(splitVal[0])
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<select id="ListSujet" name="ListSujet">
<option value="514402,True">Copie de Musculation</option>
<option value="514430,True">Gecko Leopard</option>
</select>

Answer 3

您可以使用yourImage的回调函数来修改现有值：

.attr()

工作代码段

$('#ListSujet option').attr('value',function(i,o){
    return  o.substring(0, o.indexOf(','))
});

$('#ListSujet option').attr('value',function(i,o){
   return  o.substring(0, o.indexOf(','))
});

$("#ListSujet").on("change",function(){
  console.log($(this).val());
});

Answer 4

使用jQuery：

$("#ListSujet option").each(function(){
    $(this).val($(this).val().replace(",True", ""));
}