如何根据关键字更改数据

Question

假设我有一个包含500个名字的数组，那里有手机号码...... 例如 -

$ar=array("98738383839"=>"name1","4343243332233"=>"name2")

现在我要做的是给出一个4-5人的列表，其中有单选按钮供用户选择1 ...我可以从阵列开始4-5个人... 现在我想给一个搜索框，在那里他们可以开始写名字和4-5个朋友的列表，单选按钮改变只根据... ...

例如

Answer 1

我建议你看看角度，因为它比jQuery容易得多。我目前正在做角度项目，这就是我如何接近它。

转到：http://angularjs.org，然后向下滚动并查看示例3.搜索非常强大且易于实现。在angular中实现一个简单类型，它将数组作为用户类型进行搜索。

对于带单选按钮的方框，它可以很容易地以角度完成，因为它允许双向数据绑定，这意味着如果你改变JavaScript变量中的值，它也会改变HTML。

---

基本介绍

对于您的文本框，在HTML中包含类似的内容。这将查找名为itemLists的数组（您需要在控制器中定义为$ scope.itemLists）。

<input type="text" ng-model="searchRecord" placeholder="Enter to search..." typeahead="itemList.item_id as itemList.name for itemList in itemLists | filter:$viewValue">

然后您需要一个类似于以下内容的http请求。 PHP文件将查询mysql并返回一组结果。

$http.get("someFile.php").success(function(response) {
    if(response){# store results into itemLists array}
});

然后对于这些框，你可以使用CSS +或bootstrap以任何方式创建soemthing，让它看起来你想要它看起来如何。然后是图像，电子邮件和单选按钮。在上面的html示例代码中使用ng-model只是HTML输入文本框。

<input type="radio" ng-model="radioButton1">
<input type="radio" ng-model="radioButton2">
...

ng-model是一个双向绑定变量，您可以从HTML和JS访问它。无论您在何处更改，该值都会立即更新。

希望它有所帮助，如果您需要更多信息，角度站点始终是一个好的起点。