Question

我在页面上有一个下拉选项。单击按钮加载。所有字段均已填写，但未选择下拉列表。

这是下拉字段

<select id="id_select_branch" placeholder="select branch" onfocusout="branch_validation();" required="">
  <option value="-1">Please Select working branch</option>
  <option value="bandhan konnagar">bandhan konnagar</option>
  <option value="bandhan konnagar_HO">bandhan konnagar_HO</option>
</select>

这是我尝试过的。

$("#id_select_branch").val(row.current_branch);

第二种方法..

$("#id_select_branch option[value='"+row.current_branch+"']").attr("selected", "selected");

第三次..

    var branch_value = JSON.stringify(row.current_branch);
    var element = document.getElementById("id_select_branch");
    console.log(element);
    SelectElement(element, branch_value);
    function SelectElement(element, branch_value)
      {    
         for(var i=0; i<element.options.length; i++ )
            {

              if(element.options[i].text == branch_value )
             {
             element.options[i].selected = true;
                        return;
              }
             }
     }

注意：row.current_branch是将与下拉列表匹配并被选中的文本值

Answer 1

您可以使用contains来检查您的<option>是否具有必需的值。即：

var yourtext="bandhan konnagar";
//checking if option have the value define 
$("#id_select_branch").find("option[value='"+yourtext+"']").attr('selected', 'selected');

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<select id="id_select_branch" placeholder="select branch" onfocusout="branch_validation();" required="">
  <option value="-1">Please Select working branch</option>
  <option value="bandhan konnagar">bandhan konnagar</option>
  <option value="bandhan konnagar_HO">bandhan konnagar_HO</option>
</select>

动态选择下拉选项

1 个答案: