我有一个多选:
<select name='strings' id="strings" multiple style="width:100px;">
<option value="Test">Test</option>
<option value="Prof">Prof</option>
<option value="Live">Live</option>
<option value="Off">Off</option>
<option value="On">On</option>
</select>
Run Code Online (Sandbox Code Playgroud)
我从我的数据库加载数据.然后我有一个像这样的字符串:
var values="Test,Prof,Off";
Run Code Online (Sandbox Code Playgroud)
如何在多重选择中设置此值?已经尝试更改数组中的字符串并将其作为值放在多个中,但不起作用......!有人可以帮我弄这个吗?谢谢!!!
我开始使用的所有浏览器都允许id="myDiv"通过简单地编写来访问元素:
myDiv
Run Code Online (Sandbox Code Playgroud)
见这里:http://jsfiddle.net/L91q54Lt/
无论如何,这种方法似乎记录很少,事实上,我遇到的来源甚至没有提及,而是假设有人会使用
document.getElementById("myDiv")
Run Code Online (Sandbox Code Playgroud)
或者可能
document.querySelector("#myDiv")
Run Code Online (Sandbox Code Playgroud)
即使在事先知道其ID(即不在运行时计算)时也要访问DOM元素.我可以说,后者的方法具有保持代码安全的优势,如果有人无意中尝试myDiv在更广泛的范围内重新定义(虽然不是这么好的想法......),用一些不同的值覆盖它并继续而没有注意到冲突.
但其他那个呢?除了代码设计之外,使用上面的简短形式是否有任何问题,或者我在这里缺少什么?
我有一个问题似乎很简单,但我无法做对.我有一个<select>选项列表和一个默认值.用户选择一个选项并单击按钮后,我希望select返回其默认值.
<select id="select">
<option value="defaultValue">Default</option>
<option value="Option1">Option1</option>
<option value="Option2">Option2</option>
</select>
<input type="button" value="CHANGE" onclick="selectFunction()" />
Run Code Online (Sandbox Code Playgroud)
因此,假设用户选择选项1.我使用javascript获取该值但在此之后,我希望select再次显示"Default".
我发现做document.getElementById("select").value = "defaultValue"不行.
有谁知道如何将该值更改回默认值?
我有那个代码:
</script>
<!-- End HTML Area -->
</div>
</td>
</tr>
<tr>
<td height='47' colspan='4'></td>
<td colspan='13' valign='top' align='right'>
<table cellpadding='0' cellspacing='0' cols='1' class='PSGROUPBOXWBO' width='934'>
<tr><td class='PSGROUPBOXLABEL' align='right'><a name='DERIVED_RC_IRSL_MT_TRIPLE_GB' id='DERIVED_RC_IRSL_MT_TRIPLE_GB' tabindex='-1' href="javascript:submitAction_win6(document.win6,'DERIVED_RC_IRSL_MT_TRIPLE_GB');"><img src='/cs/crmprod/cache/PT_COLLAPSE_HEB_1.gif' alt='????? ???????' title='????? ???????' border='0' /></a> ????? ???? ???? ????? ????? </td></tr>
<tr><td width='932'>
<table id='ACE_width' border='0' cellpadding='0' cellspacing='0' cols='10' width='932' class='PSGROUPBOX' style='border-style:none' >
<tr>
<td width='0' height='4'></td>
<td width='70'></td>
<td width='3'></td>
<td width='246'></td>
<td width='41'></td>
<td width='3'></td>
<td width='247'></td>
<td width='49'></td>
<td width='3'></td>
<td width='270'></td>
</tr>
<tr>
<td height='4' …Run Code Online (Sandbox Code Playgroud) 这是我想要做的:
<select name="manager" id="manager" [(ngModel)]="property.manager" class="form-control" (change)="onChangeManager($event)" required>
<option disabled value="">Select Manager</option>
<option *ngFor="let manager of managers" [ngValue]="manager" [selected]="manager?.name === 'Subhan Ahmed'">
{{manager?.name}}
</option>
</select>Run Code Online (Sandbox Code Playgroud)
我需要的是当视图初始化时,我需要设置 select where 的值manager?.name == property.manager.name(从另一个事件的 db on 加载)。我试图放置一个默认文本Subhan Ahmed来选择默认值,但它不起作用。
管理器在开始时加载,我从 Firestore 加载它们并managers: Observable<Manager>;在 期间将它们分配给一个变量subscribe(),而property.manager在另一个输入的更改事件之后加载。
我错过了什么吗?
我有以下用HTML编写的代码:
<table cellspacing="0" cellpadding="0" width="100%" class="HeaderTable">
<tbody><tr>
<td id="dnn_ctr6707_TimeTableView_TdClassesList" class="HeaderClassesCell">
class
<select name="dnn$ctr6707$TimeTableView$ClassesList" onchange="javascript:setTimeout('__doPostBack(\'dnn$ctr6707$TimeTableView$ClassesList\',\'\')', 0)" id="dnn_ctr6707_TimeTableView_ClassesList" class="HeaderClasses">
<option selected="selected" value="14">a</option>
<option value="15">b</option>
<option value="16">c</option>
<option value="17">d</option>
<option value="49">e</option>
<option value="60">f</option>
</select></td>
Run Code Online (Sandbox Code Playgroud)
我正在尝试做的是,在控制台选项卡中单击选项'b'.出于某种原因,它对我来说不起作用,但我觉得这似乎很好.
这是我试过的:
var x = document.getElementById('dnn_ctr6707_TimeTableView_ClassesList') // this part work
var y = x.options[1].click() // I managed to get the text of the option but I want it to perform click and it doesn't work that way :(
Run Code Online (Sandbox Code Playgroud)
谢谢您的帮助!
这里我已经阅读了如何设置索引选择的表单选项
<select name="sel">
<option value="o1">option1</option>
<option value="o2">option2</option>
</select>
document.getElementsByName('sel')[0].selectedIndex = 0; or
document.getElementsByName('sel')[0].selectedIndex = 1;
Run Code Online (Sandbox Code Playgroud)
但是可以通过引用选项值而不是索引来设置选择的选项吗?