Question

我正在尝试设置＆lt; select＆gt;的值用javascript这里是我的代码 var div = document.createElement（＆＃34; DIV＆＃34;）; var select = document.createElement（＆＃34; SELECT＆＃34;）; var option_mon = document.createElement（＆＃34; OPTION＆＃34;）; option_mon.value =＆＃34; monday＆＃34 ;; var monday = document.createTextNode（＆＃34; Monday＆＃34;）; var option_tue = document.createElement（＆＃34; OPTION＆＃34;）; option_tue.value =＆＃34;周二＆＃34 ;; var tuesday = document.createTextNode（＆＃34; Tuesday＆＃34;）; select.value =＆＃34; tuesday＆＃34 ;; option_mon.appendChild（星期一）; option_tue.appendChild（星期二）; select.appendChild（option_mon）; select.appendChild（option_tue）; div.appendChild（选择）; 但是当我运行这个时我没看到星期二被选中，星期一被选中，因为它只是＆lt; select＆gt;中的第一个值，我如何设置＆lt; select＆gt;的值。

Answer 1

＆＃13;

var div = document.createElement("DIV");
var select = document.createElement("SELECT");

var option_mon = document.createElement("OPTION");
option_mon.value = "monday";
var monday = document.createTextNode("Monday");
var option_tue = document.createElement("OPTION");
option_tue.value = "tuesday";
var tuesday = document.createTextNode("Tuesday");

select.value = "tuesday";

option_mon.appendChild(monday);
option_tue.appendChild(tuesday);

select.appendChild(option_mon);
select.appendChild(option_tue);
select.setAttribute('id', 'selectMe')

div.appendChild(select);
document.body.appendChild(select)
var e = document.getElementById("selectMe");
e.value = "tuesday";

function getvalue() {
    var e = document.getElementById("selectMe");

    var strUser = e.options[e.selectedIndex].value;
    document.getElementById("p").innerHTML = strUser;
}

function setvalue() {
    var e = document.getElementById("selectMe");
    e.value = "monday";
    getvalue()
}

＆＃13;

<span id="p"></span><button onclick="setvalue()">set value</button><button  onclick="getvalue()">get value</button>

＆＃13;

Answer 2

只是做：

<?php 

add_action('admin_menu','hybreeder_admin_menu');

function hybreeder_admin_menu()

{

add_menu_page( 'hybreeder_service',
                'services', 
                'administration',
                 'hybreeder_slug', 
                 'hybreeder_admin_menu_setup',
                  'dashicons-admin-generic', 
                  '90' 
      );

}




function hybreeder_admin_menu_setup()

{

echo "<h1>hybreeder services</h1>";

}

之后

select.value = "tuesday";

在将select.appendChild(option_mon); select.appendChild(option_tue);添加到options后，您应该选择该值。

Answer 3

试试这个（在你的最后一个声明之后，在select中设置值）

div.appendChild(select);
select.value = "tuesday";

Answer 4

您必须在添加选项后设置select.value 。否则，没有选项可供选择。

Answer 5

试试这个：

var div = document.createElement("DIV");
var select = document.createElement("SELECT");

var option_mon = document.createElement("OPTION");
option_mon.value = "monday";
var monday = document.createTextNode("Monday");
var option_tue = document.createElement("OPTION");
option_tue.value = "tuesday";
option_tue.selected = "selected";
var tuesday = document.createTextNode("Tuesday");

option_mon.appendChild(monday);
option_tue.appendChild(tuesday);

select.appendChild(option_mon);
select.appendChild(option_tue);

div.appendChild(select);

未经测试但应该可以使用。

关键是：

option_tue.selected = "selected";

因为我会用HTML做什么，不是吗？

Answer 6

在select.value = "tuesday";使其工作后添加option_tue.appendChild(tuesday);。

检查更新的工作代码：

var div = document.createElement("DIV");
var select = document.createElement("SELECT");

var option_mon = document.createElement("OPTION");
option_mon.value = "monday";
var monday = document.createTextNode("Monday");
var option_tue = document.createElement("OPTION");
option_tue.value = "tuesday";
var tuesday = document.createTextNode("Tuesday");


option_mon.appendChild(monday);
option_tue.appendChild(tuesday);

select.appendChild(option_mon);
select.appendChild(option_tue);

select.value = "tuesday";

div.appendChild(select);

document.getElementsByTagName('body')[0].appendChild(div);

<强> Working Fiddle

Answer 7

在select中添加选项后添加select.value = "tuesday";，然后它应该有效。

在Javascript中设置<select>值

7 个答案: