Question

我想根据多项选择创建项目列表。我有一个组合框，可以创建（当您选择选项时）从选项值开始的图像的网址。

$salary = 100000;
$query = JobPost::whereRaw('("salary_min" + "salary_max")/2 >= ' . $salary)->getQuery();

我需要根据点击图片中的选择创建一个列表。类似于：单击img，在列表的“spot”1中添加this.value，选择另一个img，在“spot”2中添加this.value，依此类推。我怎样才能做到这一点？

编辑：下拉列表是3，全部相似，每个都有类似的功能。 “Spot”它是表中的一行，因此，我需要将“this.value”放入如下表中：

<span>
<select id="menu1">
<option value="xx1" id="xx1">Name of selection 1</option>
<option value="xx2" id="xx2">Name of selection 2</option>
<option value="xx3" id="xx3">Name of selection 3</option>
<option value="xx4" id="xx4">Name of selection 4</option>
</select>
</span>

<span class="first">
<img id="scelta1" src="" alt="Prima Scelta">
</span>

function setCard1() {
var img = document.getElementById("scelta1");
img.src = 'immagini/collezionabili/' + this.value + '.png';
return false;}
document.getElementById("menu1").onchange = setCard1;

Answer 1

用以下代码替换setCard1函数：

function setCard1() {
var img = document.getElementById("scelta1");
img.src = 'immagini/collezionabili/' + this.value + '.png';


//**Change below line** 

 var myTable=document.getElementById("tableBody");

 var noOfChoices = myTable.rows.length+1;
 var selectedImage = "<tr><td id='pick'"+noOfChoices+">"+noOfChoices+" choice here</td></tr></tr>";
//Add a row to table
myTable.append(selectedImage);

return false;}

将表格更改为

<table id="mazzo">
<tbody id="tableBody">
<tr><td id="pick01">"first onclick choice here"</td></tr>
<tr><td id="pick02">"second onclick choice here"</td></tr>
<tr><td id="pick03">"third onclick choice here"</td></tr>
<tr><td id="pick04">"forth first onclick choice here"</td></tr>
</tbody>
</table>

现在检查

从onclick选择中创建名称列表

1 个答案: