javascript
  • jquery
  • 2016-09-27 64 views 1 likes 
    1

    我的代碼加載列表下拉列表,但未選中該選項。我如何設置默認選擇的選項?從下拉列表或組合框中設置「Selected」Javascript

    的Javascript:

    var options = ''; 
        options += '<option value="00">-- Pilih Salah Satu --</option>'; 
    for (var s=0;s<json.kec.length;s++) { 
        options += '<option value="' + json.kec[s].dist + '">' 
          + json.kec[s].dist+json.kec[s].name + '</option>'; 
    } 
    $("select#kecamatan").html(options); 
    

    任何幫助表示讚賞。

    +0

    '''$ ('select#kecamatan')。empty()。append(options);'''這將使選擇下拉菜單爲空,並在其中添加選項。 – aavrug

    +0

    「顯示選擇」是什麼意思?你的意思是你想設置它,以便默認選擇你添加的選項之一嗎? – nnnnnn

    +0

    我不確定,但是從這我推斷他想要自動選擇一個選項。 –

    回答

    2

    這是JavaScript是一個函數,如果它是:

    function getValues(default_value) { 
           var options = ''; 
           options += '<option value="00">-- Pilih Salah Satu --</option>'; 
           for (var s=0;s<json.kec.length;s++) { 
            if(json.kec[s].dist == default_value) { 
             options += '<option value="' + json.kec[s].dist + '" selected>' + json.kec[s].dist+json.kec[s].name + '</option>'; 
            } else { 
             options += '<option value="' + json.kec[s].dist + '">' + json.kec[s].dist+json.kec[s].name + '</option>'; 
            } 
           } 
           $("select#kecamatan").html(options); 
        } 
    

    希望它能幫助。

    +1

    讓'$(「select#kecamatan」).html(options).val(default_value)''更簡單一些,並跳過if/else? – nnnnnn

    0

    您需要將一個如果你想的選項選擇什麼樣的價值,如果你需要部分添加在入住時選擇=「選擇」爲選項標籤屬性

    var options = ''; 
        options += '<option value="00">-- Pilih Salah Satu --</option>'; 
    for (var s=0;s<json.kec.length;s++) { 
    if(your condition to make option selected) 
        options += '<option value="' + json.kec[s].dist + '" selected="selected">' 
          + json.kec[s].dist+json.kec[s].name + '</option>'; 
    } 
    else if(your condition to make option not selected) 
    { 
    options += '<option value="' + json.kec[s].dist + '">' 
          + json.kec[s].dist+json.kec[s].name + '</option>'; 
    } 
    $("select#kecamatan").html(options); 
    
    相關問題