相关疑难解决方法(0)

Javascript/jQuery:在多个Select中设置值(选择)

我有一个多选:

<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)

如何在多重选择中设置此值?已经尝试更改数组中的字符串并将其作为值放在多个中,但不起作用......!有人可以帮我弄这个吗?谢谢!!!

javascript jquery multiple-select

91
推荐指数
4
解决办法
17万
查看次数

为什么我们不在JavaScript中使用元素ID作为标识符?

我开始使用的所有浏览器都允许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在更广泛的范围内重新定义(虽然不是这么好的想法......),用一些不同的值覆盖它并继续而没有注意到冲突.

但其他那个呢?除了代码设计之外,使用上面的简短形式是否有任何问题,或者我在这里缺少什么?

javascript dom getelementbyid

52
推荐指数
3
解决办法
5907
查看次数

如何从JavaScript更改<select>值

我有一个问题似乎很简单,但我无法做对.我有一个<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"不行.

有谁知道如何将该值更改回默认值?

html javascript

38
推荐指数
5
解决办法
19万
查看次数

如何在下拉菜单中设置值

我有那个代码:

 </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>&nbsp;????? ???? ???? ????? ?????&nbsp;</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)

javascript drop-down-menu

5
推荐指数
1
解决办法
3万
查看次数

Angular 5 设置 HTML 选择元素的选定值

这是我想要做的:

<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在另一个输入的更改事件之后加载。

我错过了什么吗?

javascript angular angular5

5
推荐指数
1
解决办法
2万
查看次数

javascript单击下拉列表中的值

我有以下用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(&#39;__doPostBack(\&#39;dnn$ctr6707$TimeTableView$ClassesList\&#39;,\&#39;\&#39;)&#39;, 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)

谢谢您的帮助!

javascript

3
推荐指数
1
解决办法
1778
查看次数

如何设置按值而非索引选择的表单选项

这里我已经阅读了如何设置索引选择的表单选项

<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)

但是可以通过引用选项值而不是索引来设置选择的选项吗?

javascript forms select dom set

2
推荐指数
1
解决办法
1万
查看次数