我可以在JavaScript中使用form_dropdown吗？

时间：2015-09-21 04:29:48

标签： javascript jquery codeigniter

您好我使用的是codeigniter框架。当我点击一个按钮时，我有一个动态创建表行的javascript。 我需要在动态添加的表格单元格中有一个下拉列表。这是我到目前为止尝试的代码。

function displayResult() {
<?php

      $attributes = array('class' => 'form-horizontal', 'id' => '');
      $options_employee = array('' => "Select");
      foreach ($employee as $row)
      {
        $options_employee[$row['first_name']] = $row['first_name'];
      }

      ?>
     var something='<?php echo form_dropdown('employee', $options_employee, set_value('employee[]'), 'class="span2"');?>';
     alert(something);

    var row = document.getElementById("test").insertRow(-1);
    row.innerHTML = '<td><div>'+something+'</div></td><td><input type="text" name="start_time[]" value="" style="width:35px;"/></td><td><input type="text" name="pid[]" style="width:35px;"/></td><td><input type="text" name="description[]" class="description" value="" style="width:145px;"/></td><td><input type="text" class="type" value="" style="width:45px;"/></td><td><input type="text" class="qty_prch" value="" style="width:45px;"/></td><td><input type="text" class="qty_used" value="" style="width:45px;"/></td><td><input type="text" value="" style="width:70px;"/></td><td><input type="text" value="" style="width:70px;"/></td><td><input type="text" value="" style="width:70px;"/></td><td><input type="text" value="" style="width:70px;"/></td>';
}

单击按钮时，我调用此displayResult()。我在控制台中收到 2个错误。

1.Uncaught SyntaxError: Unexpected token ILLEGAL
2.Uncaught ReferenceError: displayResult is not defined

有人能帮助我吗？请帮我修复这段代码。

＆＃13;
＆＃13; 
function displayResult() { <? php

  $attributes = array('class' => 'form-horizontal', 'id' => '');
  $options_employee = array('' => "Select");
  foreach($employee as $row) {
    $options_employee[$row['first_name']] = $row['first_name'];
  }

  ?>
  var something = '<?php echo form_dropdown('
  employee ', $options_employee, set_value('
  employee[]
  '), '
  class = "span2"
  ');?>';
  alert(something);

  var row = document.getElementById("test").insertRow(-1);
  row.innerHTML = '<td><div>' + something + '</div></td><td><input type="text" name="start_time[]" value="" style="width:35px;"/></td><td><input type="text" name="pid[]" style="width:35px;"/></td><td><input type="text" name="description[]" class="description" value="" style="width:145px;"/></td><td><input type="text" class="type" value="" style="width:45px;"/></td><td><input type="text" class="qty_prch" value="" style="width:45px;"/></td><td><input type="text" class="qty_used" value="" style="width:45px;"/></td><td><input type="text" value="" style="width:70px;"/></td><td><input type="text" value="" style="width:70px;"/></td><td><input type="text" value="" style="width:70px;"/></td><td><input type="text" value="" style="width:70px;"/></td>';
}
＆＃13; 
<div id="form">
  <!-- div form starts here.its for add table  -->
  <table id="test">
    <thead>
      <tr>
        <td style="width:80px;">
          employee
        </td>
        <td style="width:35px;">
          start time
        </td>
        <td style="width:35px;">
          id
        </td>
        <td style="width:145px;">
          Description
        </td>
        <td style="width:45px;">
          Type
        </td>
        <td style="width:45px;">
          qty prch
        </td>
        <td style="width:45px;">
          qty used
        </td>
        <td style="width:70px;">
          Price
        </td>
        <td style="width:70px;">
          discount
        <td style="width:70px;">
          Tax
        </td>
        <td style="width:70px;">
          Total
        </td>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>
          <?php echo form_dropdown( 'employee', $options_employee, set_value( 'employee[]'), 'class="span2"');?>
        </td>
        <td>
          <input type="text" name="start_time[]" value="" style="width:35px;" />
        </td>
        <td>
          <input type="text" name="pid[]" value="" style="width:35px;" />
        </td>
        <td>
          <input type="text" name="description[]" class="description" value="" style="width:145px;" />
        </td>
        <td>
          <input type="text" name="type[]" class="type" style="width:45px;" />
        </td>
        <td>
          <input type="text" name="qty_prch[]" class="qty_prch" style="width:45px;" />
        </td>
        <td>
          <input type="text" name="qty_used[]" class="qty_used" style="width:45px;" />
        </td>
        <td>
          <input type="text" name="price[]" class="price" style="width:70px;" />
        </td>
        <td>
          <input type="text" name="discount[]" class="discount" style="width:70px;" />
        </td>
        <td>
          <input type="text" name="tax[]" class="tax" style="width:70px;" />
        </td>
        <td>
          <input type="text" name="total[]" class="total" style="width:70px;" />
        </td>

      </tr>
    </tbody>



  </table>

  <div id="add_row">
    <button onClick="displayResult()" class="add_r"></button>
  </div>
＆＃13;
＆＃13;
＆＃13;

3 个答案:

答案 0 :(得分：2)

这对我来说很好。谢谢大家的支持!! 

function displayResult() {
<?php

      $attributes = array('class' => 'form-horizontal', 'id' => '');
      $options_employee = array('' => "Select");
      foreach ($employee as $row)
      {
        $options_employee[$row['first_name']] = $row['first_name'];
      }
    $dropdown = form_dropdown('employee', $options_employee, set_value('employee[]'), 'class="span2"');

      ?>

    var complex = <?php echo json_encode($dropdown); ?>;

    var row = document.getElementById("test").insertRow(-1);
    row.innerHTML = 
        '<td><div>'+complex+'</div></td>'+
        '<td><input type="text" name="start_time[]" value="" style="width:35px;"/></td>'+
        '<td><input type="text" name="pid[]" style="width:35px;"/></td>'+
        '<td><input type="text" name="description[]" class="description" value="" style="width:145px;"/></td>'+
        '<td><input type="text" class="type" value="" style="width:45px;"/></td>'+
        '<td><input type="text" class="qty_prch" value="" style="width:45px;"/></td>'+
        '<td><input type="text" class="qty_used" value="" style="width:45px;"/></td>'+
        '<td><input type="text" value="" style="width:70px;"/></td>'+
        '<td><input type="text" value="" style="width:70px;"/></td>'+
        '<td><input type="text" value="" style="width:70px;"/></td>'+
        '<td><input type="text" value="" style="width:70px;"/></td>';
}

答案 1 :(得分：1)

将您的单'更改为加倍"

您的代码为var something='<?php echo form_dropdown('employee', $options_employee, set_value('employee[]'), 'class="span2"');?>';

因为当javascript开始阅读此行时 var something='<?php echo form_dropdown('employee' ('e ' dropdown(' var something='<?php echo form_dropdown("employee", $options_employee, set_value("employee[]"), \'class="span2"\');?>'; package mypackage; import android.app.Activity; import android.app.LoaderManager; import android.content.ContentResolver; import android.content.ContentValues; import android.content.CursorLoader; import android.content.Loader; import android.database.Cursor; import android.net.Uri; import android.os.AsyncTask; import android.os.Bundle; import android.os.Handler; import android.support.v4.app.Fragment; import android.support.v4.view.ViewCompat; import android.support.v7.widget.LinearLayoutManager; import android.support.v7.widget.RecyclerView; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.view.animation.OvershootInterpolator; import com.squareup.picasso.Picasso; import mypackage.R; import mypackage.adapters.NewsRecyclerViewAdapter; import mypackage.database.NewsProvider; import mypackage.models.News; import mypackage.utils.SaveImageTask; import java.text.SimpleDateFormat; import java.util.ArrayList; import java.util.Arrays; import java.util.Calendar; import java.util.Date; import java.util.List; import java.util.Locale; import java.util.Random; import butterknife.ButterKnife; import jp.wasabeef.recyclerview.animators.FlipInRightYAnimator; import jp.wasabeef.recyclerview.animators.adapters.AlphaInAnimationAdapter; import jp.wasabeef.recyclerview.animators.adapters.ScaleInAnimationAdapter; import static mypackage.MyDbOpenHelper.*; public class NewsListFragment extends Fragment implements LoaderManager.LoaderCallbacks<Cursor> { private NewsRecyclerViewAdapter mAdapter; private SaveImageTask saveImageTask; private NewsType newsType; private Activity parent; public static NewsListFragment newInstance(NewsType newsType, Activity container) { NewsListFragment fragment = new NewsListFragment(); fragment.saveImageTask = new SaveImageTask(container); fragment.newsType = newsType; fragment.parent = container; return fragment; } @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, final Bundle savedInstanceState) { View view = inflater.inflate(R.layout.recycler_view, container, false); ButterKnife.bind(this, view); final RecyclerView mRecyclerView = (RecyclerView) view.findViewById(R.id.my_recycler_view); mRecyclerView.setHasFixedSize(true); RecyclerView.LayoutManager mLayoutManager = new LinearLayoutManager(view.getContext()); mRecyclerView.setLayoutManager(mLayoutManager); Picasso picasso = new Picasso.Builder(parent).build(); ContentResolver contentResolver = parent.getContentResolver(); Cursor newsCursor; if (newsType == NewsType.ALL) { newsCursor = contentResolver.query(NewsProvider.CONTENT_URI, null, null, null, null); } else { newsCursor = contentResolver.query(SavedNewsProvider.CONTENT_URI, null, null, null, null); } mAdapter = new NewsRecyclerViewAdapter(newsCursor); mAdapter.setPicasso(picasso); AlphaInAnimationAdapter alphaAdapter = new AlphaInAnimationAdapter(mAdapter); ScaleInAnimationAdapter scaleAdapter = new ScaleInAnimationAdapter(alphaAdapter); scaleAdapter.setFirstOnly(false); scaleAdapter.setInterpolator(new OvershootInterpolator()); mRecyclerView.setItemAnimator(new FlipInRightYAnimator()); mRecyclerView.getItemAnimator().setAddDuration(300); mRecyclerView.setAdapter(scaleAdapter); ViewCompat.setElevation(view, 50); parent.getLoaderManager().initLoader(0, null, this); new AsyncTask<Void, Void, Void>() { @Override protected Void doInBackground(Void... params) { Cursor news = parent.getContentResolver().query(NewsProvider.CONTENT_URI, null, null, null, null); if (news == null || news.getCount() == 0) { insertNewsList(); } else { news.close(); } return null; } @Override protected void onPostExecute(Void aVoid) { parent.getLoaderManager().restartLoader(0, null, NewsListFragment.this); mAdapter.notifyDataSetChanged(); ContentResolver.requestSync(null, NewsProvider.AUTHORITY, new Bundle()); mRecyclerView.refreshDrawableState(); mRecyclerView.postInvalidate(); } }.execute(null, null, null); return view; } private void insertNewsList() { String[] titles = {"Web", "Java", "Android"}; Random random = new Random(Calendar.getInstance().getTimeInMillis()); for (String title : titles) { int count = random.nextInt(20); List<News> newsList = generateDataSet(title, count); for (News dataObject : newsList) { ContentValues initialValues = new ContentValues(); initialValues.put(NEWS_IMAGE_LINK, dataObject.getTopImageLink()); initialValues.put(NEWS_IMAGE_PATH, dataObject.getTopImagePath()); initialValues.put(NEWS_LINK, dataObject.getLink()); initialValues.put(NEWS_SOURCE, dataObject.getSourceText()); initialValues.put(NEWS_SOURCE_IMG_LINK, dataObject.getSourceImageLink()); initialValues.put(NEWS_SOURCE_IMG_PATH, dataObject.getSourceImagePath()); initialValues.put(NEWS_TAGS, Arrays.toString(dataObject.getTag())); initialValues.put(NEWS_TEXT, dataObject.getText()); initialValues.put(NEWS_TIME, getDateTime()); initialValues.put(NEWS_TITLE, dataObject.getTitle()); parent.getContentResolver().insert(NewsProvider.CONTENT_URI, initialValues); } } } @Override public void onDestroy() { super.onDestroy(); } @Override public Loader<Cursor> onCreateLoader(int id, Bundle args) { return new CursorLoader(parent, NewsProvider.CONTENT_URI, null, null, null, null); } @Override public void onLoadFinished(Loader<Cursor> loader, Cursor data) { mAdapter.swapCursor(data); } @Override public void onLoaderReset(Loader<Cursor> loader) { mAdapter.swapCursor(null); } private List<News> generateDataSet(String subject, int count) { String title = "Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."; String text = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque porttitor nulla nec nulla fermentum, " + "quis imperdiet ipsum aliquet. Phasellus quis odio sit amet nulla rutrum porta. Quisque in ultrices metus." + " Aliquam gravida et lacus ac vestibulum."; String topImageLink = "http://lorempixel.com/1024/768/"; String[] categories = {"abstract", "city", "people", "transport", "animals", "food", "nature", "business", "nightlife", "sports", "cats", "fashion", "technics"}; String sourceImageLink = "http://thegg.net/wp-content/themes/Orizon/css/blue_css/images/rss-icon.png"; String sourceText = "Random Blog"; String link = "http://www.google.com"; List<News> results = new ArrayList<>(); for (int index = 0; index < count; index++) { int imgIndex = index % 12; String imgText = subject + "-card-" + index; String newTitle = imgText + " " + title; News obj = new News(newTitle); if (index % 2 == 0) { obj.setText(text); } else { obj.setTopImageLink(topImageLink + categories[imgIndex] + "/" + imgText); } if (index % 5 != 0) { obj.setSourceImageLink(sourceImageLink); obj.setSourceText(sourceText); } if (index % 7 == 0) { obj.setText(text); obj.setTopImageLink(topImageLink + categories[imgIndex] + "/" + imgText); obj.setSourceImageLink(sourceImageLink); obj.setSourceText(sourceText); } if (obj.getTopImageLink() != null && !"".equalsIgnoreCase(obj.getTopImageLink())) { Uri topImageUri = saveImageTask.saveImageFile(obj.getTopImageLink()); obj.setTopImagePath(topImageUri.getPath()); } if (obj.getSourceImageLink() != null && !"".equalsIgnoreCase(obj.getSourceImageLink())) { Uri sourceImageUri = saveImageTask.saveImageFile(obj.getSourceImageLink()); obj.setSourceImagePath(sourceImageUri.getPath()); } obj.setLink(link); obj.setTag(new String[] {subject}); results.add(index, obj); } return results; } private String getDateTime() { SimpleDateFormat dateFormat = new SimpleDateFormat( "yyyy-MM-dd HH:mm:ss", Locale.getDefault()); Date date = new Date(); return dateFormat.format(date); } public enum NewsType { ALL, FAVORITE } } package mypackage.database; import android.content.ContentProvider; import android.content.ContentValues; import android.database.sqlite.SQLiteDatabase; import android.net.Uri; public abstract class NewsProvider extends ContentProvider { public static final String AUTHORITY = "myapp.data.newsprovider"; private static final String BASE_PATH = "news"; public static final Uri CONTENT_URI = Uri.parse("content://" + AUTHORITY + "/" + BASE_PATH ); // Constant to identify the requested operation private static final int NEWS = 1; private static final int NEWS_ID = 2; private static final int NEWS_TAG = 3; private static final UriMatcher uriMatcher = new UriMatcher(UriMatcher.NO_MATCH); static { uriMatcher.addURI(AUTHORITY, BASE_PATH, NEWS); uriMatcher.addURI(AUTHORITY, BASE_PATH + "/#", NEWS_ID); uriMatcher.addURI(AUTHORITY, BASE_PATH + "/tag/*", NEWS_TAG); } private String tableName; private String basePath; protected SQLiteDatabase database; public NewsProvider() { this.tableName = TABLE_NEWS; this.basePath = BASE_PATH; } @Override public boolean onCreate() { MyDbOpenHelper helper = new MyDbOpenHelper(getContext()); database = helper.getWritableDatabase(); return true; } @Override public String getType(Uri uri) { return null; } @Override public Cursor query(Uri uri, String[] projection, String selection, String[] selectionArgs, String sortOrder) { if (uriMatcher.match(uri) == NEWS_ID) { selection = NEWS_ID + "=" + uri.getLastPathSegment(); } if (uriMatcher.match(uri) == NEWS_TAG) { selection = NEWS_TAGS + " like %'" + uri.getLastPathSegment() + "'%"; } return database.query(TABLE_NEWS, NEWS_ALL_COLUMNS, selection, null, null, null, NEWS_TIME + " DESC"); } @Override public Uri insert(Uri uri, ContentValues values) { long id = database.insert(tableName, null, values); Uri newUri = Uri.parse(basePath + "/" + id); getContext().getContentResolver().notifyChange(newUri, null); return newUri; } @Override public int delete(Uri uri, String selection, String[] selectionArgs) { return database.delete(tableName, selection, selectionArgs); } @Override public int update(Uri uri, ContentValues values, String selection, String[] selectionArgs) { return database.update(tableName, values, selection, selectionArgs); } }

你应该使用类似的东西

setContentView();
抱歉我的英文不好

答案 2 :(得分：0)

在第一行的代码段中：

function displayResult() { <? php

<? and php

之间有一个空格

删除并重试。

相关问题
最新问题