如何获得在span中使用javascript创建的产品标签的值并将值传递给控制器​​？

Question

<input type="text" class="product-input js-product-tags" placeholder="Computer, devices, smartphone" /> 


    <ul class="js-tags"> 
    <li class="tag-options"> 
     <span>CPU</span><div class="remove-tag js-remove-tag">X</div> 
    </li> 
    </ul> 

这是我的HTML代码的的样子。请帮助我如何将这些跨度值传递给控制器​​并保存在没有jQuery Ajax的数据库中？

Answer 1

如果你想要回传，创建隐藏input元素：

<input type="text" class="product-input js-product-tags" placeholder="Computer, devices, smartphone" /> 
<input type="hidden" name="tags" value="CPU" /> 
<input type="hidden" name="tags" value="RAM" /> 
<input type="hidden" name="tags" value="HARDWARE" /> 

<ul class="js-tags"> 
<li class="tag-options"> 
    <span>CPU</span><div class="remove-tag js-remove-tag">X</div> 
    <span>RAM</span><div class="remove-tag js-remove-tag">X</div> 
    <span>HARDWARE</span><div class="remove-tag js-remove-tag">X</div> 
</li> 
</ul> 

...其中tags在name="tags"是参数名：

[HttpPost] 
public ActionResult Create(ICollection<string> tags) { 
    // ... 
}