創建動態下拉列表使用附加的JavaScript

嗨，我有一個問題在這裏創建使用的append（）的下拉菜單中的JavaScript列表創建動態下拉列表使用附加的JavaScript

$('#details_edit').append('<tr id ="123"><td>drop down here<td></tr>');

我有一個變量$remarks_option從控制器已經一個值來

問題是如何在JavaScript中做到這一點？請幫忙。 BTW即時通訊使用CI這裏

感謝

來源

2013-12-18 user2861106

什麼是你的** $ remarks_optio **價值？ –

例如值是這樣的 – user2861106

函數'append（）'不屬於javascript。這是一個jQuery的功能。你需要解決與jQuery或純JavaScript？ – Sriraman

假設你的下拉列表是一個html select對象與option對象在它（它應該是），你可以使用下面的代碼：

$('#details_edit').append($("<option/>", { 
    value: '<?php echo $remarks_option; ?>', 
    text: '<?php echo $remarks_option; ?>' 
}));

來源

2013-12-18 08:49:17

你需要：

來源

2013-12-18 08:49:23

我希望這個作品：

來源

2013-12-18 08:50:20 KumarA

如果您從AJAX獲得響應，那麼這是一種做事情的方式。假設響應是成功回調中的參數。

var JSONtext = response; 
var JSONobject = JSON.parse(JSONtext); 

$('#details_edit').append('<tr id ="123"><td><select id="mySelect"></select><td></tr>'); 

$('#mySelect').append(new Option(JSONobject.name,JSONobject.value));

哦，是我不好，我沒有看到OP的評論，他說，他是獲得選擇框本身，而不是一個對象。在這裏保留這個答案，以防有人發現它有用！

來源

2013-12-18 08:52:08

如果你喜歡從控制器「測試」中獲得價值，然後使用下列內容：

$('#details_edit').append('<tr id ="123"><td><?php print_r($remarks_optio);?><td></tr>');

如果你只得到選項值，然後使用這樣的：

var myOptions = { 
    val1 : 'text1', 
    val2 : 'text2' 
}; // assume myoptions contains value returned by controller 
var mySelect = $('#mySelect'); 
$.each(myOptions, function(val, text) { 
    mySelect.append(
     $('<option></option>').val(val).html(text) 
    ); 
});

希望它回答你的問題。

來源

2013-12-18 08:53:08

的JavaScript非常基本的：

$(document).ready(function() { 
     var opt_1 = document.createElement("option"); 
     opt_1.setAttribute('value', "0"); 
     opt_1.innerHTML = "-- Select --"; 
     var opt_2 = document.createElement("option"); 
     opt_2.setAttribute('value', "2"); 
     opt_2.innerHTML = "Option A"; 
     var opt_3 = document.createElement("option"); 
     opt_3.setAttribute('value', "3"); 
     opt_3.innerHTML = "Option B"; 

     var ddl = document.createElement("select"); 
     ddl.setAttribute('id', 'selectDynamic'); 
     ddl.addEventListener("change", function() { 
      alert(this.value); 
     }, false); 

     ddl.appendChild(opt_1); 
     ddl.appendChild(opt_2); 
     ddl.appendChild(opt_3); 

     document.getElementById('details_edit').parentNode.appendChild(ddl); 
    });

來源

2013-12-18 09:18:15

創建動態下拉列表使用附加的JavaScript

回答

相關問題