我正在使用 php,我想使用 jquery 更改下拉串列的值,我想將 php 陣列傳遞給 jquery 變數(制作動態下拉串列值)現在我正在獲取以下格式的陣列($data)
Array
(
[0] => stdClass Object
(
[UserId] => 8
[name] => web1
)
[1] => stdClass Object
(
[UserId] => 9
[name] => web2
)
)
這是我的腳本,它顯示靜態“下拉”值,但我想將 php 陣列(名稱)值傳遞給下拉串列,以便我可以制作動態下拉串列
<script>
var newOptions = {
"Select your user":"",
"Option 1":"option-1",
"Option 2":"option-2"
};
var $el = $('#acf-field_628e17fc947e4');
$el.html(' ');
$.each(newOptions, function(key, value) {
$el.append($("<option></option>")
.attr("value", value).text(key));
});
</script>
uj5u.com熱心網友回復:
var newOptions = <?php echo json_encode($array); ?>;
然后將您的附加行更改為此,您就可以開始了
$el.append('<option value="' value.UserId '">' value.name '</option>');
作業片段:
var newOptions = [{"UserId":8,"name":"web1"},{"UserId":9,"name":"web2"}];
var $el = $('#acf-field_628e17fc947e4');
$el.html(' ');
$el.append('<option value="">Select your user</option>');
$.each(newOptions, function(key, value) {
$el.append('<option value="' value.UserId '">' value.name '</option>');
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="acf-field_628e17fc947e4"></select>
注意:要添加選擇選項,請將其添加到陣列中,如下所示:
array_unshift($array , ['UserId'=>'',"name":"name":"web1"]);
然后洗掉這一行:$el.append('<option value="">Select your user</option>');
uj5u.com熱心網友回復:
你有一個陣列從 PHP 傳遞到 JS,所以你可以使用json_encode像:(下面的例子是動態的)
<?php
$phpArray = array(
0 => "Mon",
1 => "Tue",
2 => "Wed",
3 => "Thu",
4 => "Fri",
5 => "Sat",
6 => "Sun",
)
?>
<script type="text/javascript">
var jArray = <?php echo json_encode($phpArray); ?>;
for(var i=0; i<jArray.length; i ){
alert(jArray[i]);
}
</script>
轉載請註明出處,本文鏈接:https://www.uj5u.com/net/481258.html
標籤:javascript php jQuery 数组
上一篇:計算具有相同屬性值的陣列物件
